/* ═══════════════════════════════════════════════════════
   THEME.CSS — All CSS variables live here.
   Dark = default. Light = body[data-theme="light"].
   localStorage key: 'envix-theme'  value: 'light'|'dark'
   To add a new theme: duplicate the light block below.
═══════════════════════════════════════════════════════ */

:root {
  --y:  #FFD600;
  --y2: #FFC200;
  --yf: rgba(255,214,0,.07);
  --yg: rgba(255,214,0,.18);
  --fd: 'Bebas Neue', sans-serif;
  --fb: 'Barlow', sans-serif;
  --fc: 'Barlow Condensed', sans-serif;
}

/* ── DARK THEME (default) ── */
body {
  --k:#080808; --k2:#0F0F0F; --k3:#161616; --k4:#1E1E1E; --k5:#252525;
  --w:#F4F4EF; --g1:#AAAAAA; --g2:#666; --g3:#333;
  --nav-bg: rgba(8,8,8,.92);
  --cur-c:  var(--y);
  --hero-fade: linear-gradient(to right,#080808 0%,rgba(8,8,8,.25) 45%,transparent 100%);
  --yf-val: rgba(255,214,0,.07);
  --border: rgba(255,214,0,.12);
}

/* ── LIGHT THEME ── */
body[data-theme="light"] {
  --k:#F9F9F7; --k2:#FFFFFF; --k3:#FFFDE7; --k4:#F0F0E8; --k5:#E8E8E0;
  --w:#111111; --g1:#333; --g2:#555; --g3:#CCC;
  --nav-bg: rgba(249,249,247,.96);
  --cur-c:  #000000;
  --hero-fade: linear-gradient(to right,#F9F9F7 0%,rgba(249,249,247,.35) 45%,transparent 100%);
  --yf-val: rgba(255,214,0,.15);
  --border: rgba(200,160,0,.2);
}