/* ── Medono shadow, border & motion tokens ───────────────────────
   Shadows are soft and blue-tinted; motion is calm and precise. */
:root {
  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(10, 27, 42, 0.06), 0 1px 4px rgba(10, 27, 42, 0.05);
  --shadow-md: 0 4px 12px rgba(10, 27, 42, 0.08), 0 2px 4px rgba(10, 27, 42, 0.04);
  --shadow-lg: 0 16px 40px rgba(10, 27, 42, 0.12), 0 4px 12px rgba(10, 27, 42, 0.06);
  --shadow-xl: 0 32px 80px rgba(10, 27, 42, 0.18), 0 8px 24px rgba(10, 27, 42, 0.08);
  --shadow-accent: 0 8px 24px rgba(30, 111, 168, 0.28);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-med: 300ms; /* @kind other */
  --duration-slow: 600ms; /* @kind other */
}