/*
  THEOS — Elevation Tokens (Shadow + Blur + Glass)
  ---------------------------------------------------------------
  Shadows are warm-tinted (ink, not pure black) and layered — a tight
  contact shadow plus a diffuse ambient one — for the "soft depth"
  quality of matte physical materials rather than a flat drop-shadow.
  Elevation communicates hierarchy, not decoration: raise a surface
  only when it needs to signal it can be acted on independently of
  what's beneath it.
*/

:root {
  --shadow-color: 30 26 22; /* rgb triplet of --ink-950, warm */

  --shadow-xs: 0 1px 2px rgb(var(--shadow-color) / 0.05);
  --shadow-sm: 0 2px 6px rgb(var(--shadow-color) / 0.06), 0 1px 2px rgb(var(--shadow-color) / 0.05);
  --shadow-md: 0 8px 20px rgb(var(--shadow-color) / 0.08), 0 2px 6px rgb(var(--shadow-color) / 0.05);
  --shadow-lg: 0 20px 48px rgb(var(--shadow-color) / 0.12), 0 6px 16px rgb(var(--shadow-color) / 0.06);
  --shadow-xl: 0 32px 88px rgb(var(--shadow-color) / 0.18), 0 10px 24px rgb(var(--shadow-color) / 0.08);

  /* Focus ring — never rely on color alone; always paired with a real outline */
  --shadow-focus-ring: 0 0 0 2px var(--bg-page), 0 0 0 4px var(--ink-950);

  /* Blur tokens — glass surfaces only (see colors.css --glass-*) */
  --blur-sm: 8px;
  --blur-md: 20px;
  --blur-lg: 40px;
}

[data-theme="dark"] {
  --shadow-color: 0 0 0;
  --shadow-focus-ring: 0 0 0 2px var(--bg-page), 0 0 0 4px var(--stone-50);
}