/* ============================================================
   PROTEAN — RADIUS, BORDER & ELEVATION TOKENS
   Corners are slightly softened, never round. Elevation is
   quiet and teal-tinted — premium reads through precision.
   ============================================================ */

:root {
  --radius-xs: 3px;   /* modules, checkboxes */
  --radius-sm: 5px;   /* badges, small controls */
  --radius-md: 8px;   /* buttons, inputs */
  --radius-lg: 12px;  /* cards, panels */
  --radius-xl: 16px;  /* hero surfaces */
  --radius-pill: 999px;

  --border-hair: 1px;
  --border-thick: 1.5px;

  --shadow-xs: 0 1px 2px rgba(15,43,49,0.06);
  --shadow-sm: 0 1px 2px rgba(15,43,49,0.06), 0 2px 6px rgba(15,43,49,0.05);
  --shadow-md: 0 2px 4px rgba(15,43,49,0.05), 0 8px 20px rgba(15,43,49,0.08);
  --shadow-lg: 0 4px 8px rgba(15,43,49,0.06), 0 18px 44px rgba(15,43,49,0.12);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6);

  --ring-focus: 0 0 0 3px var(--focus-ring);
}