/* Dreamora Safari — radius, shadow, motion, blur tokens.
   Luxury-minimal system: shadows are soft and rare, radii are small (this is not a
   bubbly consumer-app brand), motion is slow and cinematic (long durations, ease-out). */
:root {
  /* Radius — restrained; corners read as "considered", not playful */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 14px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadow — very low opacity, large soft spread, warm-tinted (never cool gray) */
  --shadow-xs: 0 1px 2px rgba(33, 35, 28, 0.06);
  --shadow-sm: 0 4px 16px rgba(33, 35, 28, 0.08);
  --shadow-md: 0 12px 40px rgba(33, 35, 28, 0.10);
  --shadow-lg: 0 24px 72px rgba(33, 35, 28, 0.14);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.4);

  /* Borders */
  --border-width: 1px;

  /* Blur (used sparingly — glass nav on scroll, modal scrim) */
  --blur-nav: 16px;
  --blur-scrim: 6px;

  /* Motion — cinematic ease-out, slower than typical UI */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 180ms; /* @kind other */
  --duration-base: 360ms; /* @kind other */
  --duration-slow: 640ms; /* @kind other */
  --duration-cinematic: 1100ms; /* @kind other */

  /* Focus ring */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}