/* ============================================================
   CShield · Elevation & motion tokens
   Flat-first. Three shadow levels max. Prefer 0.5px borders over
   shadows in data-dense views (shadows blur precise alignment).
   Long motion (480ms) is reserved for Active Interruption entrance.
   ============================================================ */
:root {
  /* ---- Elevation ---- */
  --shadow-0: none;                                  /* lists, table rows, inline cards */
  --shadow-1: 0 1px 3px rgba(15, 23, 42, 0.06);      /* standard cards, tiles */
  --shadow-2: 0 4px 12px rgba(15, 23, 42, 0.08);     /* dropdowns, popovers, toasts */
  --shadow-3: 0 16px 32px rgba(15, 23, 42, 0.12);    /* modals, sheets, onboarding */

  /* ---- Focus ring ---- */
  --ring-focus: 0 0 0 2px var(--brand-primary);
  --ring-focus-soft: 0 0 0 4px rgba(23, 98, 249, 0.10);  /* input focus halo */
  --ring-check: 0 0 0 2px rgba(23, 98, 249, 0.25);       /* checkbox/radio offset ring */

  /* ---- Motion easings (entrance=decelerated · exit=accelerated; linear only for continuous motion) ---- */
  --ease-entrance: cubic-bezier(0.2, 0.0, 0.0, 1.0); /* @kind other */
  --ease-exit: cubic-bezier(0.4, 0.0, 1.0, 1.0); /* @kind other */
  /* Durations are inlined in components (micro 120 · short 200 · medium 320 · long 480ms,
     the last reserved for the Active Interruption entrance). Reduce-motion handled in base.css. */
}