/* ============================================================
   Obseras shadows, focus, motion
   Shadows are soft and neutral — no colored glows.
   Motion is quick and calm: ease-out fades/slides, 140–240ms.
   ============================================================ */
:root {
  --shadow-card: 0 1px 2px oklch(0.2 0.01 85 / 0.05), 0 1px 3px oklch(0.2 0.01 85 / 0.04);
  --shadow-raised: 0 2px 4px oklch(0.2 0.01 85 / 0.06), 0 6px 16px oklch(0.2 0.01 85 / 0.07);
  --shadow-overlay: 0 4px 8px oklch(0.2 0.01 85 / 0.08), 0 16px 40px oklch(0.2 0.01 85 / 0.16);

  --focus-ring: 0 0 0 3px oklch(0.62 0.108 185 / 0.28);

  --ease-out: cubic-bezier(0.2, 0.8, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.2, 1);
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --duration-slow: 240ms;
}

[data-theme="dark"] {
  --shadow-card: 0 1px 2px oklch(0 0 0 / 0.25), 0 1px 3px oklch(0 0 0 / 0.2);
  --shadow-raised: 0 2px 4px oklch(0 0 0 / 0.3), 0 6px 16px oklch(0 0 0 / 0.3);
  --shadow-overlay: 0 4px 8px oklch(0 0 0 / 0.35), 0 16px 40px oklch(0 0 0 / 0.5);
  --focus-ring: 0 0 0 3px oklch(0.72 0.105 185 / 0.35);
}