/* Theme variables compatible with unified-modern-theme.css
   Provides three professional themes: aurora (default light), carbon (dark), navygold (light)
*/

/* Aurora Light — clean, corporate */
:root[data-theme='aurora'] {
  /* Primary palette */
  --primary: #2563EB;         /* Blue 600 */
  --primary-dark: #1D4ED8;    /* Blue 700 */
  --secondary: #10B981;       /* Emerald 500 */
  --secondary-dark: #059669;  /* Emerald 600 */
  --accent: #F59E0B;          /* Amber 500 */
  --accent-dark: #D97706;     /* Amber 600 */
  --danger: #EF4444;          /* Red 500 */
  --danger-dark: #DC2626;     /* Red 600 */

  /* Background & surfaces */
  --bg-main: #F8FAFC;         /* Slate 50 */
  --bg-card: #FFFFFF;         /* White */
  --bg-header: #1E3A8A;       /* Blue 800 */
  --bg-sidebar: #0F172A;      /* Slate 900 (keep existing sidebar contrast) */
  --bg-input: #FFFFFF;        /* White */
  --bg-hover: #F3F4F6;        /* Gray 100 */
  --bg-active: #E5E7EB;       /* Gray 200 */

  /* Text */
  --text-primary: #0F172A;    /* Slate 900 */
  --text-secondary: #475569;  /* Slate 600 */
  --text-light: #94A3B8;      /* Slate 400 */
  --text-white: #FFFFFF;

  /* Borders */
  --border: #E2E8F0;          /* Slate 200 */
  --border-light: #F1F5F9;    /* Slate 100 */
  --border-focus: #3B82F6;    /* Blue 500 */

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 24px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 6px 20px rgba(15, 23, 42, 0.06);
}

/* Carbon Pro — dark, modern */
:root[data-theme='carbon'] {
  /* Primary palette */
  --primary: #4F46E5;         /* Indigo 600 */
  --primary-dark: #4338CA;    /* Indigo 700 */
  --secondary: #22D3EE;       /* Cyan 400 */
  --secondary-dark: #06B6D4;  /* Cyan 500 */
  --accent: #F59E0B;          /* Amber 500 */
  --accent-dark: #D97706;     /* Amber 600 */
  --danger: #F87171;          /* Red 400 */
  --danger-dark: #EF4444;     /* Red 500 */

  /* Background & surfaces */
  --bg-main: #0B1220;         /* Deep blue-black */
  --bg-card: #0F172A;         /* Slate 900 */
  --bg-header: #111827;       /* Gray 900 */
  --bg-sidebar: #0F172A;      /* Slate 900 */
  --bg-input: #1F2937;        /* Gray 800/700 */
  --bg-hover: #1F2937;        /* Gray 800 */
  --bg-active: #374151;       /* Gray 700 */

  /* Text */
  --text-primary: #E5E7EB;    /* Gray 200 */
  --text-secondary: #94A3B8;  /* Slate 400 */
  --text-light: #64748B;      /* Slate 500 */
  --text-white: #FFFFFF;

  /* Borders */
  --border: #1F2937;          /* Gray 800/700 */
  --border-light: #111827;    /* Gray 900 */
  --border-focus: #818CF8;    /* Indigo 400 */

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 10px 28px rgba(0, 0, 0, 0.45);
}

/* Navy & Gold Executive — premium, authoritative */
:root[data-theme='navygold'] {
  /* Primary palette */
  --primary: #1E293B;         /* Slate 800 */
  --primary-dark: #0F172A;    /* Slate 900 */
  --secondary: #475569;       /* Slate 600 */
  --secondary-dark: #334155;  /* Slate 700 */
  --accent: #F59E0B;          /* Amber 500 */
  --accent-dark: #D97706;     /* Amber 600 */
  --danger: #EF4444;          /* Red 500 */
  --danger-dark: #DC2626;     /* Red 600 */

  /* Background & surfaces */
  --bg-main: #F9FAFB;         /* Gray 50 */
  --bg-card: #FFFFFF;         /* White */
  --bg-header: #1E293B;       /* Slate 800 */
  --bg-sidebar: #0F172A;      /* Slate 900 */
  --bg-input: #FFFFFF;        /* White */
  --bg-hover: #F3F4F6;        /* Gray 100 */
  --bg-active: #E5E7EB;       /* Gray 200 */

  /* Text */
  --text-primary: #0F172A;    /* Slate 900 */
  --text-secondary: #475569;  /* Slate 600 */
  --text-light: #94A3B8;      /* Slate 400 */
  --text-white: #FFFFFF;

  /* Borders */
  --border: #E5E7EB;          /* Gray 200 */
  --border-light: #F3F4F6;    /* Gray 100 */
  --border-focus: #F59E0B;    /* Amber 500 */

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(30, 41, 59, 0.06);
  --shadow-md: 0 6px 18px rgba(30, 41, 59, 0.08);
  --shadow-lg: 0 12px 28px rgba(30, 41, 59, 0.12);
  --shadow-card: 0 10px 24px rgba(30, 41, 59, 0.10);
}

/* Optional: ensure .btn and links inherit theme primary color consistently */
.btn-primary,
button.btn-primary,
.setting-btn.primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--text-white);
}

.btn-primary:hover,
button.btn-primary:hover,
.setting-btn.primary:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}

/* Provide lightweight body/bg alignment for all themes */
body {
  background: var(--bg-main);
  color: var(--text-primary);
}