/* ============================================================
   STUDIE — ELEVATION & SHADOWS
   The CD is flat and border-led, not shadow-heavy. Cards rely on
   1px borders and white space. Shadows are restrained and used
   only for genuinely floating UI (menus, dialogs, toasts).
   ============================================================ */
:root {
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.09);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --shadow-overlay: 0 18px 48px rgba(0,0,0,0.18);

  /* Focus ring */
  --ring-width: 2px;
  --ring-offset: 2px;
  --ring-color: var(--focus-ring);
  --ring: 0 0 0 var(--ring-offset) var(--surface-page),
          0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--ring-color);
}