/* =============================================================================
   Pandharpur Wari Portal — Design Tokens
   Design direction: Organic Warmth (saffron/vermillion, temple-kumkum palette)
   Chosen for outdoor daylight readability — warkaris check this on phones in
   direct July sunlight, not indoors — see plan §2 for the full rationale.
   ============================================================================= */

:root {
  color-scheme: light dark;

  /* OKLCH color system */
  --color-primary:       oklch(62% 0.19 41);   /* saffron-orange */
  --color-primary-dark:  oklch(48% 0.17 40);
  --color-accent:        oklch(58% 0.15 25);   /* deep vermillion / kumkum */
  --color-accent-subtle: color-mix(in oklch, var(--color-accent) 14%, transparent);
  --color-surface:       oklch(98% 0.015 80);  /* warm cream */
  --color-surface-2:     oklch(95% 0.02 75);
  --color-surface-tint:  oklch(93% 0.03 70);   /* card / parchment bg */
  --color-text:          oklch(24% 0.03 40);   /* warm near-black, never pure #000 */
  --color-text-soft:     oklch(40% 0.03 45);
  --color-muted:         oklch(48% 0.02 50);
  --color-border:        oklch(84% 0.025 60);
  --color-success:       oklch(52% 0.13 145);
  --color-success-bg:    oklch(94% 0.05 145);
  --color-warning:       oklch(48% 0.14 70);
  --color-warning-bg:    oklch(94% 0.07 80);
  --color-danger:        oklch(48% 0.19 25);
  --color-danger-bg:     oklch(94% 0.06 25);

  /* Typography */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display-mr: 'Noto Serif Devanagari', var(--font-display);
  --font-body-mr:    'Noto Sans Devanagari', var(--font-body);

  /* Spacing scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* Radius */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Elevation — warm-tinted shadows, never generic gray */
  --shadow-sm: 0 1px 3px oklch(30% 0.05 40 / 0.12);
  --shadow:    0 6px 20px oklch(30% 0.05 40 / 0.14);
  --shadow-lg: 0 18px 46px oklch(30% 0.05 40 / 0.18);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition: 0.2s var(--ease-out-expo);
  --transition-slow: 0.4s var(--ease-out-expo);

  /* z-index scale */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal-backdrop: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}

/* Optional dark variant — genuinely useful for overnight-walk reading,
   not a default aesthetic flourish. Opt-in via [data-theme="dark"]. */
[data-theme="dark"] {
  --color-surface:      oklch(20% 0.02 40);
  --color-surface-2:    oklch(24% 0.02 40);
  --color-surface-tint: oklch(27% 0.03 45);
  --color-text:         oklch(92% 0.02 70);
  --color-text-soft:    oklch(80% 0.02 65);
  --color-muted:        oklch(66% 0.02 60);
  --color-border:       oklch(34% 0.03 45);
}

:lang(mr) {
  --font-display: var(--font-display-mr);
  --font-body: var(--font-body-mr);
}