/* Five-step elevation ladder from DESIGN.md §6. Shadows signal elevation, not decoration —
   most surfaces in this brand sit flat on a hairline border instead. */

:root {
  --shadow-0: none;
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.08);   /* nav, hover lift */
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.12);  /* card */
  --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.16); /* dropdown, modal */
  --shadow-4: 0 20px 48px rgba(0, 0, 0, 0.20); /* floating action, tooltip */

  /* Brand-tinted variants for use over tinted or gradient surfaces. */
  --shadow-brand-1: 0 2px 8px rgba(30, 34, 72, 0.08);
  --shadow-brand-2: 0 4px 16px rgba(30, 34, 72, 0.10);
  --shadow-brand-3: 0 12px 32px rgba(30, 34, 72, 0.14);

  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-style: 2px solid var(--focus-ring); /* @kind other */

  --blur-nav: blur(10px); /* @kind other */
  --blur-overlay: blur(20px); /* @kind other */
}