/* Radii, borders, shadows, patterns.
   House style: hairline-first. Shadows are shallow and cool; depth comes
   from stacked 1px borders and tint changes, never from heavy blur. */
:root{
--radius-0:0;--radius-1:3px;--radius-2:5px;--radius-3:8px;--radius-4:12px;
--radius-pill:999px;--radius-card:8px;--radius-control:5px;

--border-w:1px; /* @kind spacing */ --border-w-thick:2px; /* @kind spacing */
--border:1px solid var(--border-hairline); /* @kind other */
--border-dashed:1px dashed var(--border-strong); /* @kind other */

--shadow-none:none;
--shadow-1:0 1px 1px rgba(8,12,20,.04);
--shadow-2:0 1px 2px rgba(8,12,20,.06),0 2px 6px rgba(8,12,20,.05);
--shadow-3:0 2px 4px rgba(8,12,20,.06),0 8px 20px rgba(8,12,20,.08);
--shadow-4:0 8px 12px rgba(8,12,20,.07),0 24px 48px rgba(8,12,20,.14);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
--shadow-inset-dark:inset 0 1px 0 rgba(255,255,255,.06);

/* brand pattern: 8px engineering grid + dot lattice */
--pattern-grid:linear-gradient(to right,var(--grid-line) 1px,transparent 1px) 0 0/24px 24px,
               linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px) 0 0/24px 24px;
--pattern-dots:radial-gradient(var(--grid-line) 1px,transparent 1px) 0 0/16px 16px;
--scrim-bottom:linear-gradient(to top,rgba(8,12,20,.82) 0%,rgba(8,12,20,.45) 45%,transparent 100%); /* @kind other */
--blur-glass:saturate(150%) blur(12px); /* @kind other */
}