/* ============================================================
   Tech Rim Standards — Radius, Borders, Shadows, Motion
   Industrial precision: tight radii, crisp 1px lines, restrained
   cool-tinted shadows, mechanical (no-bounce) easing.
   ============================================================ */
:root {
  /* ---- radius ---- */
  --radius-xs:  2px;
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --radius-xl:  16px;
  --radius-pill: 999px;

  /* ---- border widths ---- */
  --border-hair: 1px; /* @kind spacing */
  --border-bold: 2px; /* @kind spacing */
  --border-accent: 3px;   /* @kind spacing */

  /* ---- shadows (cool graphite tint, restrained) ---- */
  --shadow-xs: 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-sm: 0 1px 3px rgba(20, 23, 28, 0.08), 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-md: 0 4px 10px rgba(20, 23, 28, 0.08), 0 2px 4px rgba(20, 23, 28, 0.06);
  --shadow-lg: 0 12px 28px rgba(20, 23, 28, 0.12), 0 4px 8px rgba(20, 23, 28, 0.06);
  --shadow-xl: 0 24px 48px rgba(20, 23, 28, 0.18);
  --shadow-focus: 0 0 0 3px rgba(44, 128, 173, 0.35);
  --shadow-brand: 0 8px 20px rgba(186, 31, 57, 0.22);

  /* ---- motion (mechanical, precise) ---- */
  --ease-standard: cubic-bezier(0.2, 0.7, 0.3, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:  cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* ---- z-index ladder ---- */
  --z-base: 1; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-overlay: 800; /* @kind other */
  --z-modal: 900; /* @kind other */
  --z-toast: 1000; /* @kind other */
}