/* ============================================================================
   SYCOMP AI PATCH CENTER · ELEVATION, RADII, OVERLAY, FOCUS RING
   Verbatim from ucsf-rhyme.tokens.css § 3 (component hints).
   Shadows are Navy-tinted (rgb 5 32 73) — never neutral black.
   ========================================================================== */
:root {
--shadow-color: 5 32 73; /* @kind other */                       /* Navy-tinted shadows */
--shadow-sm: 0 1px 2px rgb(var(--shadow-color) / .06);
--shadow-md: 0 2px 8px rgb(var(--shadow-color) / .10);
--shadow-lg: 0 8px 28px rgb(var(--shadow-color) / .16);
--overlay:   rgb(var(--shadow-color) / .55);
--radius-xs: 4px;  /* addition: mono chips, focus-ring rounding in source */
--radius-sm: 6px;  --radius-md: 10px;  --radius-lg: 16px;
--radius-control: 8px; /* addition: buttons, inputs, chips, small cards — authored as 8px */
--radius-pill: 999px; /* addition: badges + toggle, authored as 999px in source */
--ring: 0 0 0 3px light-dark(rgb(0 107 233 / .35), rgb(108 163 246 / .40)); /* @kind shadow */
}


/* ------------------------------------------------------------------
   USAGE NOTES
   · Links on gray-100+ tinted panels: use --link-on-tinted (blue-500
     drops to 4.42 there).
   · --ucsf-interactive-{green,orange} pass AA for LARGE text only —
     icons/headlines, never body copy.
   · Input borders use --border-strong (≥3:1 non-text contrast).
   · Solid warning surfaces take Navy text, never white (official
     UCSF pairing, 9.22:1).

   TAILWIND v4 — consume directly:
     @import "ucsf-rhyme.tokens.css";
     @theme inline {
       --color-gray-*: initial;          (resets Tailwind's default grays)
       --color-brand: var(--ucsf-navy);
       --color-action: var(--action-primary);
       --color-accent: var(--accent);
       ...map families as needed, e.g. --color-blue-500: var(--blue-500);
     }
   ------------------------------------------------------------------ */