/* Default theme tokens — overridden at runtime via data-loader.js from config.json */
:root {
  --color-primary: #ff9933;
  --color-secondary: #138808;
  --color-accent: #d4af37;
  --color-accent-text: #b22222;
  --color-surface-glass: rgba(255, 255, 255, 0.18);
  --color-surface-glass-strong: rgba(0, 0, 0, 0.35);
  --color-text-on-dark: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.82);
  --page-bg-start: #ff9933;
  --page-bg-mid: #fffbf5;
  --page-bg-end: #e8f5e9;
  --shadow-card: 0 18px 50px rgba(17, 24, 39, 0.12);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --font-heading: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-regional: "Noto Sans Malayalam", "Plus Jakarta Sans", system-ui, sans-serif;
  --header-height: 4.25rem;
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 45%, transparent);
}
