/*
  themes.css — 3 palettes (Ignis/Aurora/Slate)
  Usage: body.classList contains one of: theme-ignis | theme-aurora | theme-slate
  These set CSS variables that downstream CSS can consume.
*/

:root{
  --brand-red: #C41E1E;
  --brand-red-dark: #A52A2A;
  --brand-gold: #D4AF37;
  --brand-cream: #FFF7E6;
  --brand-charcoal: #1A1A1A;
  --text: #333;
  --link: var(--brand-red);
  --link-hover: var(--brand-gold);
  --header-bg: #C41E1E;
  --header-grad: radial-gradient(circle,#C41E1E,#D4AF37);
  --toolbar-bg: linear-gradient(to bottom,#C41E1E,#C41E1E);
  --footer-bg: #1a1a1a;
  --btn-primary: var(--brand-red);
  --btn-primary-hover: var(--brand-red-dark);
}

/* IGNIS — 红金·火土 */
body.theme-ignis{
  --brand-red: #C41E1E;
  --brand-red-dark: #A52A2A;
  --brand-gold: #D4AF37;
  --brand-cream: #FFF7E6;
  --brand-charcoal: #1A1A1A;
  --text: #333;
  --link: var(--brand-red);
  --link-hover: var(--brand-gold);
  --header-bg: #C41E1E;
  --header-grad: radial-gradient(circle,#C41E1E,#D4AF37);
  --toolbar-bg: linear-gradient(to bottom,#C41E1E,#C41E1E);
  --footer-bg: #1a1a1a;
  --btn-primary: var(--brand-red);
  --btn-primary-hover: var(--brand-red-dark);
}

/* AURORA — 青玉·海洋（克制使用，只为多主题演示；你实际可不启用） */
body.theme-aurora{
  --brand-red: #0C7A7A;      /* 主绿蓝 */
  --brand-red-dark: #075E5E; /* 深绿蓝 */
  --brand-gold: #7FD6C2;     /* 青玉亮 */
  --brand-cream: #E8FFFB;
  --brand-charcoal: #0F1B1D;
  --text: #233;
  --link: #0C7A7A;
  --link-hover: #7FD6C2;
  --header-bg: #0C7A7A;
  --header-grad: radial-gradient(circle,#0C7A7A,#7FD6C2);
  --toolbar-bg: linear-gradient(to bottom,#0C7A7A,#0C7A7A);
  --footer-bg: #0F1B1D;
  --btn-primary: #0C7A7A;
  --btn-primary-hover: #075E5E;
}

/* SLATE — 深蓝·琥珀（暗色首选） */
body.theme-slate{
  --brand-red: #0E2A47;      /* 深蓝 */
  --brand-red-dark: #0A1F35; /* 更深 */
  --brand-gold: #DAA520;     /* 琥珀金 */
  --brand-cream: #14283F;
  --brand-charcoal: #0B172A;
  --text: #E8EDF4;
  --link: #DAA520;
  --link-hover: #F1C655;
  --header-bg: #0E2A47;
  --header-grad: radial-gradient(circle,#0E2A47,#1F4063);
  --toolbar-bg: linear-gradient(to bottom,#0E2A47,#0E2A47);
  --footer-bg: #0B172A;
  --btn-primary: #DAA520;
  --btn-primary-hover: #F1C655;
}

/* Minimal bindings so legacy blocks inherit variables */
header{
  background-color: var(--header-bg) !important;
  background-image: var(--header-grad) !important;
}
.toolbar{
  background-image: var(--toolbar-bg) !important;
}
a, .btn-link{ color: var(--link); }
a:hover, a:focus, .btn-link:hover{ color: var(--link-hover); }
.btn-primary{
  background-color: var(--btn-primary);
  border-color: var(--btn-primary);
}
.btn-primary:hover, .btn-primary:focus{
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
}
footer{ background-color: var(--footer-bg) !important; }