/* ============================================================
   Ordit — Radii, borders, shadows, motion
   Crisp and solid: radius caps at 12px, 1px borders (never 0.5px),
   lift comes from the cool ground + inset top highlight — never
   glassmorphism, blur or translucent white.
   ============================================================ */
:root {
  /* Corner radii — nothing above 12px, no 14px */
  --radius-xs: 5px;    /* board pills, badges */
  --radius-sm: 8px;    /* buttons, inputs, nav items, logo */
  --radius-md: 10px;   /* dominant card radius */
  --radius-lg: 12px;   /* large cards / containers — the maximum */
  --radius-xl: 12px;   /* capped */
  --radius-2xl: 12px;  /* capped */
  --radius-pill: 999px; /* count pills only */

  /* Borders — always 1px */
  --border-width: 1px; /* @kind other */

  /* Shadows — the product card shadow (crisp, with inset top highlight) */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --shadow-lg: 0 1px 3px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(2, 33, 65, 0.10);
  --shadow-focus: 0 0 0 3px rgba(59, 110, 181, 0.25);

  /* Motion — scoped and fast; never transition-all */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fade: 140ms; /* @kind other */  /* panel/tab content fade-in, incoming only */
  --dur-fast: 150ms; /* @kind other */  /* control transitions: colors, shadow, transform */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 280ms; /* @kind other */  /* commit sweep, tier-1 only */
  --dur-ripple: 420ms; /* @kind other */ /* click acknowledgement ripple */
}