:root{
/* ACERO is a square-corner system. Radius exists only so components can name it. */
--radius-none:0;--radius-sharp:0;--radius-input:0;--radius-card:0;--radius-pill:999px;
--border-w:1px;--border-w-strong:2px;--border-w-heavy:4px;
/* Flat by default: hairline borders do the work. Shadow is reserved for lifted layers. */
--shadow-none:none;
--shadow-card:0 1px 0 rgba(30,46,56,.05);
--shadow-hover:0 10px 24px -14px rgba(19,31,39,.45);
--shadow-overlay:0 24px 60px -18px rgba(19,31,39,.55);
/* Motion — mechanical: quick in, no overshoot, never bouncy */
--dur-fast:120ms;/* @kind other */--dur-base:180ms;/* @kind other */--dur-slow:280ms;/* @kind other */
--ease-standard:cubic-bezier(.2,.6,.2,1);/* @kind other */
--ease-out:cubic-bezier(.16,.84,.44,1);/* @kind other */
--ease-in:cubic-bezier(.5,0,1,1);/* @kind other */
/* Real PNG brand elements from the kit. hazard = stripe band; diagonal-* = clean
   amber double-diagonal (ELEMENT_Stripes_*); brush-* = rough stroke (ELEMENT_Slash_*). */
--texture-hazard:url("../assets/elements/hazard-stripes-wide.png");/* @kind other */
--diagonal-dark:url("../assets/elements/stripes-dark.png");/* @kind other */
--diagonal-light:url("../assets/elements/stripes-light.png");/* @kind other */
--brush-fat:url("../assets/elements/slash-fat.png");/* @kind other */
--brush-skinny:url("../assets/elements/slash-skinny.png");/* @kind other */
}