/* ==========================================================================
   AudiTax Themes — Light, Dark & Custom Brand Palettes
   ========================================================================== */

/* 1. Theme: Nocturne Dark (Deep Executive Dark Navy) */
[data-theme="dark"],
body.theme-dark {
  --primary: #060D17;
  --primary-rgb: 6, 13, 23;
  --primary-light: #0D1C30;
  --primary-dark: #03070C;

  --secondary: #0F1D33;
  --secondary-rgb: 15, 29, 51;
  --secondary-light: #1A2F4F;
  --secondary-dark: #080F1B;

  --accent: #D4AF37;
  --accent-rgb: 212, 175, 55;
  --accent-hover: #E5C358;
  --accent-subtle: rgba(212, 175, 55, 0.15);
  --accent-border: rgba(212, 175, 55, 0.35);

  --background: #08101D;
  --background-alt: #0D1829;
  --surface: #0F1D33;
  --surface-raised: #152744;
  --surface-subtle: #12213A;
  --surface-overlay: rgba(3, 7, 12, 0.85);
  --surface-glass: rgba(15, 29, 51, 0.85);

  --footer-bg: #060D17;
  --footer-text: #F1F5F9;
  --footer-text-muted: #94A3B8;
  --footer-border: rgba(255, 255, 255, 0.1);

  --text: #F1F5F9;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-inverse: #FFFFFF;
  --text-inverse-muted: #CBD5E1;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #CBD5E1;

  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-focus: var(--accent);

  --gradient-hero: linear-gradient(135deg, #060D17 0%, #0F1D33 60%, #08101D 100%);
  --gradient-surface: linear-gradient(180deg, #0F1D33 0%, #0D1829 100%);
  --gradient-glow: radial-gradient(circle at 50% 30%, rgba(212, 175, 55, 0.2) 0%, transparent 70%);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px -2px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, 0.65);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, 0.8);
}

/* 2. Theme: Light Prestige */
[data-theme="light"],
body.theme-light {
  --primary: #0B192C;
  --primary-rgb: 11, 25, 44;
  --primary-light: #152844;
  --primary-dark: #060E1A;

  --secondary: #1E293B;
  --secondary-rgb: 30, 41, 59;
  --secondary-light: #334155;
  --secondary-dark: #0F172A;

  --accent: #C5A880;
  --accent-rgb: 197, 168, 128;
  --accent-hover: #B39364;
  --accent-subtle: rgba(197, 168, 128, 0.12);
  --accent-border: rgba(197, 168, 128, 0.3);

  --background: #FDFBF7;
  --background-alt: #F4F6F9;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-subtle: #F8FAFC;
  --surface-overlay: rgba(11, 25, 44, 0.7);
  --surface-glass: rgba(255, 255, 255, 0.92);

  --footer-bg: #F4F6F9;
  --footer-text: #0F172A;
  --footer-text-muted: #64748B;
  --footer-border: #E2E8F0;

  --text: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --text-inverse: #FFFFFF;
  --text-inverse-muted: #CBD5E1;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #CBD5E1;

  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --border-focus: var(--accent);

  --gradient-hero: linear-gradient(135deg, #FFFFFF 0%, #F4F6F9 55%, #EEF2F6 100%);
  --gradient-gold: linear-gradient(135deg, #C5A880 0%, #E2CFBA 50%, #C5A880 100%);
  --gradient-gold-hover: linear-gradient(135deg, #B39364 0%, #D4AF37 50%, #B39364 100%);
  --gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
  --gradient-glow: radial-gradient(circle at 50% 30%, rgba(197, 168, 128, 0.15) 0%, transparent 70%);

  --shadow-sm: 0 1px 3px rgba(11, 25, 44, 0.05), 0 1px 2px rgba(11, 25, 44, 0.03);
  --shadow-md: 0 4px 16px -2px rgba(11, 25, 44, 0.08), 0 2px 6px -1px rgba(11, 25, 44, 0.04);
  --shadow-lg: 0 12px 32px -4px rgba(11, 25, 44, 0.12), 0 4px 12px -2px rgba(11, 25, 44, 0.06);
  --shadow-xl: 0 24px 48px -12px rgba(11, 25, 44, 0.18);
}