/* ────────────────────────────────────────────────────────────────────────────
 * GABE — Frame-based theme variables
 * Aplicate automat pe body în funcție de scorul userului (vezi theme.js).
 * 6 frame-uri: heaven, light, neutral, gray (default), dark, hell.
 * Variabilele standard ale paginilor sunt OVERRIDE-uite aici, deci layout-ul
 * existent al fiecărei pagini se adaptează fără modificări structurale.
 * ──────────────────────────────────────────────────────────────────────── */

/* HEAVEN — score >= 60 — cer senin albastru cu auriu */
html.heaven, body.heaven {
  --bg:              #d8e8f5;
  --bg-card:         rgba(255,255,255,0.55);
  --bg-card-hover:   rgba(255,255,255,0.75);
  --text-primary:    #14283c;
  --text-secondary:  #4a6b8a;
  --accent:          #4a9ab8;
  --border:          rgba(74,154,184,0.22);
}

/* LIGHT — score 10..59 — albastru-violet pal */
html.light, body.light {
  --bg:              #dde2ef;
  --bg-card:         rgba(255,255,255,0.5);
  --bg-card-hover:   rgba(255,255,255,0.7);
  --text-primary:    #1a2238;
  --text-secondary:  #5a6580;
  --accent:          #5a7aaa;
  --border:          rgba(90,122,170,0.22);
}

/* NEUTRAL — score -5..+5 — midnight deep space */
html.neutral, body.neutral {
  --bg:              #0d0f1a;
  --bg-card:         rgba(255,255,255,0.06);
  --bg-card-hover:   rgba(255,255,255,0.1);
  --text-primary:    #d8dcf0;
  --text-secondary:  #8090b0;
  --accent:          #6070d0;
  --border:          rgba(120,140,220,0.22);
}

/* GRAY — score ±6..±9 — verde-cenuşiu default GABE */
html.gray, body.gray {
  --bg:              #C8DDD0;
  --bg-card:         rgba(255,255,255,0.5);
  --bg-card-hover:   rgba(255,255,255,0.7);
  --text-primary:    #162014;
  --text-secondary:  #4A6B5E;
  --accent:          #2C4A3E;
  --border:          rgba(44,74,62,0.15);
}

/* DARK — score -10..-59 — chihlimbar / warning */
html.dark, body.dark {
  --bg:              #faf2dc;
  --bg-card:         rgba(255,255,255,0.55);
  --bg-card-hover:   rgba(255,255,255,0.75);
  --text-primary:    #3c2a0a;
  --text-secondary:  #7a5a20;
  --accent:          #b88820;
  --border:          rgba(184,136,32,0.22);
}

/* HELL — score <= -60 — negru-roșu cu lavă */
html.hell, body.hell {
  --bg:              #1a0808;
  --bg-card:         rgba(255,255,255,0.06);
  --bg-card-hover:   rgba(255,255,255,0.1);
  --text-primary:    #e8c0b0;
  --text-secondary:  #b07a72;
  --accent:          #ff4400;
  --border:          rgba(204,34,0,0.25);
}

body { transition: background 0.4s ease, color 0.4s ease; }