/* Nominato DS — Elevation & depth
   Two systems:
   1. Soft shadows (--shadow-*) for floating surfaces. Warm-tinted, low, diffuse.
      In dark mode shadows barely read, so elevation there leans on surface
      lightness + hairline borders; shadows are deepened but kept subtle.
   2. Solid "lip" depth (--depth-*) for the tactile press on buttons and the
      learning-path nodes. A flat offset with no blur — the button sits on a
      colored edge and compresses into it on :active. This is the craft cue
      (Duolingo-style tactility) rendered in Nominato's own palette. */

:root {
  --shadow-xs: 0 1px 2px rgba(30, 27, 23, 0.06);
  --shadow-sm: 0 2px 6px rgba(30, 27, 23, 0.08);
  --shadow-md: 0 6px 16px rgba(30, 27, 23, 0.10);
  --shadow-lg: 0 14px 34px rgba(30, 27, 23, 0.14);
  --shadow-xl: 0 24px 60px rgba(30, 27, 23, 0.18);

  /* Focus ring (pair with --ring color token) */
  --focus-ring: 0 0 0 3px var(--ring);

  /* Solid lip offsets — used as box-shadow: 0 <n> 0 <lip-color> */
  --depth-sm: 2px;
  --depth-md: 4px;
  --depth-lg: 6px;
}

[data-theme="dark"] {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.55);
  --shadow-xl: 0 28px 66px rgba(0, 0, 0, 0.6);
}