/*
 * Sierra Collective — Theme Overrides
 * Overrides CSS custom properties from base.css per selected theme.
 * html.theme-X (specificity 0,1,0) beats :root (0,0,1) in base.css.
 *
 * Themes: precision (default) | midnight | ranger | ghost | crimson | carbon
 *
 * Font roles:
 *   --font-display  headings, logo, card titles
 *   --font-body     body text, UI labels, inputs, buttons
 *   --font-accent   section numbers, stats, decorative labels
 */

/* ────────────────────────────────────────────────
   MIDNIGHT — deep navy · electric blue · Orbitron
   ──────────────────────────────────────────────── */
html.theme-midnight {
  --bg:           #05060e;
  --bg2:          #08091a;
  --bg3:          #0e1024;
  --border:       #181c38;
  --border2:      #202540;
  --amber:        #4a8fd4;
  --amber-bright: #6aafee;
  --amber-dim:    #2a5080;
  --text:         #d8e0f0;
  --muted:        #5a6890;
  --green:        #4a8c5c;
  --green-bright: #5daa72;
  --red:          #8c3a2e;
  --red-bright:   #c04030;
  --font-display: 'Orbitron', sans-serif;
  --font-body:    'Exo 2', sans-serif;
  --font-accent:  'Orbitron', sans-serif;
}

/* ────────────────────────────────────────────────
   RANGER — military olive · earth · Oswald
   ──────────────────────────────────────────────── */
html.theme-ranger {
  --bg:           #060904;
  --bg2:          #0b0f08;
  --bg3:          #12180d;
  --border:       #1c2414;
  --border2:      #242e18;
  --amber:        #7a9c3a;
  --amber-bright: #9abf50;
  --amber-dim:    #3c5018;
  --text:         #d4dcc8;
  --muted:        #5a6850;
  --green:        #4a8c5c;
  --green-bright: #5daa72;
  --red:          #8c3a2e;
  --red-bright:   #c04030;
  --font-display: 'Oswald', sans-serif;
  --font-body:    'Source Sans 3', sans-serif;
  --font-accent:  'Oswald', sans-serif;
}

/* ────────────────────────────────────────────────
   GHOST — pure black · silver · Share Tech Mono
   ──────────────────────────────────────────────── */
html.theme-ghost {
  --bg:           #000000;
  --bg2:          #090909;
  --bg3:          #111111;
  --border:       #1e1e1e;
  --border2:      #282828;
  --amber:        #c8c8c8;
  --amber-bright: #f0f0f0;
  --amber-dim:    #606060;
  --text:         #efefef;
  --muted:        #686868;
  --green:        #4a8c5c;
  --green-bright: #5daa72;
  --red:          #8c3a2e;
  --red-bright:   #c04030;
  --font-display: 'Share Tech Mono', monospace;
  --font-body:    'Inter', sans-serif;
  --font-accent:  'Share Tech Mono', monospace;
}

/* ────────────────────────────────────────────────
   CRIMSON — dark burgundy · red · Playfair Display
   ──────────────────────────────────────────────── */
html.theme-crimson {
  --bg:           #080405;
  --bg2:          #100609;
  --bg3:          #1a0b10;
  --border:       #2a1015;
  --border2:      #341418;
  --amber:        #c03838;
  --amber-bright: #e05050;
  --amber-dim:    #702020;
  --text:         #ecddd8;
  --muted:        #7a5058;
  --green:        #4a8c5c;
  --green-bright: #5daa72;
  --red:          #8c3a2e;
  --red-bright:   #c04030;
  --font-display: 'Playfair Display', serif;
  --font-body:    'EB Garamond', serif;
  --font-accent:  'Cinzel', serif;
}

/* ────────────────────────────────────────────────
   CARBON — cool slate · teal · Rajdhani
   ──────────────────────────────────────────────── */
html.theme-carbon {
  --bg:           #050608;
  --bg2:          #0a0b10;
  --bg3:          #111420;
  --border:       #1a1c2a;
  --border2:      #222535;
  --amber:        #3ab0b0;
  --amber-bright: #50d0d0;
  --amber-dim:    #1e6060;
  --text:         #d0d8e8;
  --muted:        #5a6080;
  --green:        #4a8c5c;
  --green-bright: #5daa72;
  --red:          #8c3a2e;
  --red-bright:   #c04030;
  --font-display: 'Rajdhani', sans-serif;
  --font-body:    'IBM Plex Mono', monospace;
  --font-accent:  'Rajdhani', sans-serif;
}