/* ============================================
   Setu by Swadharma — Design Tokens
   Terracotta + Sacred Gold + Parchment
   Rooted in Sanatani temple aesthetics
   ============================================ */

/* --- Brand Constants --- */
:root {
  --brand: #C8401C;
  --brand-dark: #9C3014;
  --brand-mid: #E05A2D;
  --brand-light: #FCEBE0;
  --brand-gradient: linear-gradient(135deg, #7C2D12, #C8401C, #E05A2D);
  --brand-glow: rgba(200, 64, 28, 0.15);

  /* Sacred sun-gold accent (matches the स्व disc in the logo) */
  --saffron: #F4C430;
  --saffron-light: #FEF5DC;
  --saffron-dark: #C89A1A;
  --saffron-glow: rgba(244, 196, 48, 0.18);

  /* Sanatani sacred accents */
  --vermillion: #B91C1C;
  --maroon: #7C2D12;
  --sandstone: #ECE3D5;

  /* Typography */
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;

  /* Spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;

  /* Border radius scale */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-ios: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-sheet: cubic-bezier(0.32, 0.72, 0.24, 1);
  --ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 350ms;
  --duration-page: 300ms;
}

/* --- Light Theme (Default) — Warm Parchment --- */
[data-theme="light"] {
  /* Backgrounds */
  --bg-primary: #FBF7F2;
  --bg-secondary: #F5EFE6;
  --bg-tertiary: #ECE3D5;
  --bg-card: #FFFFFF;
  --bg-input: #F5EFE6;
  --bg-overlay: rgba(31, 22, 17, 0.45);
  --bg-nav: rgba(255, 252, 247, 0.92);

  /* Text — text-muted darkened for WCAG AA on warm parchment */
  --text-primary: #1F1611;
  --text-secondary: #5C4A3C;
  --text-muted: #7A6A5C;
  --text-inverse: #FFFFFF;

  /* Accent (mirrors brand) */
  --accent: #C8401C;
  --accent-amber: #F4C430;
  --accent-gold: #F4C430;
  --accent-gradient: #C8401C;
  --accent-glow: rgba(200, 64, 28, 0.08);
  --accent-border: rgba(200, 64, 28, 0.18);

  /* Legacy gold aliases — re-pointed to sacred sun-gold */
  --gold: #F4C430;
  --gold-dark: #C89A1A;
  --gold-light: #FBD64D;
  --gold-accent: #C89A1A;
  --gold-warm: #F4C430;
  --gold-bright: #FBD64D;
  --gold-glow: rgba(244, 196, 48, 0.12);
  --gold-border: rgba(244, 196, 48, 0.22);

  /* Surfaces */
  --surface-card: #FFFFFF;
  --surface-elevated: #F5EFE6;
  --surface-highlight: rgba(200, 64, 28, 0.05);

  /* Borders (warm hairlines — bumped opacity for visibility on parchment) */
  --border-primary: rgba(31, 22, 17, 0.14);
  --border-secondary: rgba(31, 22, 17, 0.07);
  --border-gold: rgba(244, 196, 48, 0.24);

  /* Functional */
  --success: #16A34A;
  --success-bg: rgba(22, 163, 74, 0.1);
  --error: #B91C1C;
  --error-bg: rgba(185, 28, 28, 0.08);
  --warning: #C89A1A;
  --warning-bg: rgba(200, 154, 26, 0.1);
  --info: #C8401C;
  --info-bg: rgba(200, 64, 28, 0.08);

  /* Shadows (warm wood/sandstone tone) */
  --shadow-sm: 0 1px 2px rgba(60, 30, 15, 0.04), 0 1px 4px rgba(60, 30, 15, 0.06);
  --shadow-md: 0 2px 4px rgba(60, 30, 15, 0.05), 0 4px 16px rgba(60, 30, 15, 0.09);
  --shadow-lg: 0 4px 8px rgba(60, 30, 15, 0.05), 0 12px 40px rgba(60, 30, 15, 0.13);
  --shadow-gold: 0 4px 16px rgba(244, 196, 48, 0.22);
  --shadow-brand: 0 4px 16px rgba(200, 64, 28, 0.22);

  /* Specific */
  --qr-bg: #FFFFFF;
  --qr-fg: #7C2D12;
  --toggle-bg: #D7C9B8;
  --toggle-active: #C8401C;
  --tab-active-bg: #FFFFFF;
  --skeleton-base: #ECE3D5;
  --skeleton-shine: #F5EFE6;
  --badge-unread: #B91C1C;

  /* Scrollbar */
  --scrollbar-track: transparent;
  --scrollbar-thumb: #D7C9B8;
}

/* --- Dark Theme — Warm Temple Night --- */
[data-theme="dark"] {
  /* Backgrounds (warm brown-black, not slate) */
  --bg-primary: #1A0F08;
  --bg-secondary: #2A1B11;
  --bg-tertiary: #3B2A1E;
  --bg-card: #221610;
  --bg-input: #3B2A1E;
  --bg-overlay: rgba(0, 0, 0, 0.65);
  --bg-nav: rgba(26, 15, 8, 0.92);

  /* Text — text-muted lightened for WCAG AA on warm-night */
  --text-primary: #FAF0E2;
  --text-secondary: #C9B89F;
  --text-muted: #A8917E;
  --text-inverse: #1F1611;

  /* Accent (luminous terracotta for dark) */
  --accent: #E86A3D;
  --accent-amber: #FBD64D;
  --accent-gold: #FBD64D;
  --accent-gradient: #E86A3D;
  --accent-glow: rgba(232, 106, 61, 0.12);
  --accent-border: rgba(232, 106, 61, 0.22);

  /* Legacy gold aliases */
  --gold: #FBD64D;
  --gold-dark: #F4C430;
  --gold-light: #FDE68A;
  --gold-accent: #F4C430;
  --gold-warm: #FBD64D;
  --gold-bright: #FDE68A;
  --gold-glow: rgba(251, 214, 77, 0.14);
  --gold-border: rgba(251, 214, 77, 0.22);

  /* Surfaces */
  --surface-card: #221610;
  --surface-elevated: #3B2A1E;
  --surface-highlight: rgba(232, 106, 61, 0.06);

  /* Borders */
  --border-primary: rgba(255, 240, 226, 0.14);
  --border-secondary: rgba(255, 240, 226, 0.06);
  --border-gold: rgba(251, 214, 77, 0.22);

  /* Functional */
  --success: #34D399;
  --success-bg: rgba(52, 211, 153, 0.12);
  --error: #FB7185;
  --error-bg: rgba(251, 113, 133, 0.12);
  --warning: #FBD64D;
  --warning-bg: rgba(251, 214, 77, 0.12);
  --info: #E86A3D;
  --info-bg: rgba(232, 106, 61, 0.12);

  /* Shadows (glow-based for dark mode) */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 240, 226, 0.04);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 1px rgba(255, 240, 226, 0.04);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 240, 226, 0.06);
  --shadow-gold: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-brand: 0 4px 24px rgba(232, 106, 61, 0.18);

  /* Specific */
  --qr-bg: #221610;
  --qr-fg: #F4C430;
  --toggle-bg: #3B2A1E;
  --toggle-active: #E86A3D;
  --tab-active-bg: rgba(232, 106, 61, 0.14);
  --skeleton-base: #3B2A1E;
  --skeleton-shine: #4A3A2C;
  --badge-unread: #FB7185;

  /* Scrollbar */
  --scrollbar-track: transparent;
  --scrollbar-thumb: #3B2A1E;
}