/* TOKO.AI — SHADOW TOKENS
   Soft, warm-tinted shadows (never pure black) — diffuse, low-contrast,
   used sparingly on raised surfaces (cards, dropdowns, modals). */
:root {
  --shadow-xs: 0 1px 2px oklch(20% 0.02 55 / 0.05);
  --shadow-sm: 0 2px 6px oklch(20% 0.02 55 / 0.07);
  --shadow-md: 0 6px 16px oklch(20% 0.02 55 / 0.09), 0 1px 3px oklch(20% 0.02 55 / 0.06);
  --shadow-lg: 0 16px 40px oklch(20% 0.02 55 / 0.14), 0 2px 6px oklch(20% 0.02 55 / 0.06);
  --shadow-focus: 0 0 0 4px var(--color-focus-ring);
}