:root {
  /* Brand Spiritual Colors */
  --sv-maroon: #8B2E24;
  --sv-maroon-dark: #6E231B;
  --sv-maroon-light: #A53A2E;
  --sv-gold: #B7832F;
  --sv-gold-light: #D4A351;
  --sv-gold-soft: #F4EAD7;

  /* Editorial Light Palette */
  --sv-bg: #FFFDF8;
  --sv-bg-secondary: #F8F1E7;
  --sv-bg-tertiary: #F2E7D8;
  --sv-surface: #FFFFFF;
  --sv-surface-hover: #FAF4EB;

  --sv-text-primary: #29221D;
  --sv-text-secondary: #74685D;
  --sv-text-muted: #9E9184;
  --sv-text-inverse: #FFFDF8;

  --sv-border: #E8DED0;
  --sv-border-light: #F2EBE1;
  --sv-border-focus: #B7832F;

  --sv-footer-bg: #241A15;
  --sv-footer-text: #EAE2D7;
  --sv-footer-muted: #A39688;
  --sv-footer-border: #3A2D25;

  /* Typography */
  --font-hindi-serif: "Noto Serif Devanagari", Georgia, serif;
  --font-hindi-sans: "Noto Sans Devanagari", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-sans: "Inter", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Reading Specs */
  --lyrics-font-size: 22px;
  --lyrics-line-height: 2.15;
  --max-content-width: 1240px;
  --reading-max-width: 760px;

  /* Layout Spacing */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(41, 34, 29, 0.04), 0 1px 2px rgba(41, 34, 29, 0.02);
  --shadow-md: 0 4px 12px rgba(41, 34, 29, 0.06), 0 2px 4px rgba(41, 34, 29, 0.03);
  --shadow-lg: 0 10px 24px rgba(41, 34, 29, 0.08), 0 4px 8px rgba(41, 34, 29, 0.04);

  --transition-fast: 0.18s ease;
  --transition-normal: 0.28s ease;
}

/* Dark Mode Palette */
[data-theme="dark"] {
  --sv-bg: #171310;
  --sv-bg-secondary: #211B17;
  --sv-bg-tertiary: #2A231E;
  --sv-surface: #211B17;
  --sv-surface-hover: #2E2520;

  --sv-maroon: #D19A45; /* Warm gold prominence for high contrast in dark mode */
  --sv-maroon-dark: #B7832F;
  --sv-maroon-light: #E5AC55;

  --sv-text-primary: #F4EDE3;
  --sv-text-secondary: #BFB2A5;
  --sv-text-muted: #8F8276;
  --sv-text-inverse: #171310;

  --sv-border: #332A24;
  --sv-border-light: #2A221C;
  --sv-border-focus: #D19A45;

  --sv-footer-bg: #110E0C;
  --sv-footer-text: #DED3C4;
  --sv-footer-muted: #8E8174;
  --sv-footer-border: #241D18;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.45);
}