/* ============================================================
   HEIRS OF THE FIRE — Design Tokens
   All CSS custom properties live here. Import first.
   ============================================================ */

:root {
  /* ── Backgrounds ── */
  --bg-void:    #111018;   /* slightly lighter than pure black */
  --bg-panel:   #1E1B28;   /* noticeably lighter panel */
  --bg-surface: #282438;   /* lifted surface for inputs/cards */
  --bg-base:    #0D0C12;   /* darkest page background */

  /* ── Accents ── */
  --accent-ember:  #D4713A;   /* slightly brighter ember */
  --accent-gold:   #D4AE5A;   /* warmer gold */
  --accent-violet: #9070C0;   /* more visible violet */

  /* ── Text ── */
  --text-primary: #F0E8D4;   /* brighter parchment */
  --text-muted:   #9A8E80;   /* lifted from near-invisible to readable */
  --text-secondary: #C4B8A4; /* between primary and muted */
  --text-danger:  #C04040;   /* slightly brighter red */

  /* ── Borders ── */
  --border-dim: #3A3450;   /* more visible border */
  --border-bright: #4A4468; /* brighter border for emphasis */

  /* ── Attribute colours ── */
  --attr-diplomacy:    #4A90D9;
  --attr-martial:      #D9614A;
  --attr-stewardship:  #D9B84A;
  --attr-intrigue:     #9B59B6;
  --attr-learning:     #4AD98A;
  --attr-charisma:     #D94A7A;
  --attr-strength:     #D9614A;
  --attr-dexterity:    #4AD98A;
  --attr-constitution: #D9B84A;
  --attr-intelligence: #4A90D9;
  --attr-wisdom:       #4AD98A;

  /* ── Condition colours ── */
  --cond-health:  #4AD98A;
  --cond-energy:  #C8622A;
  --cond-mood:    #4A90D9;
  --cond-stress:  #A63232;

  /* ── Layout ── */
  --sidebar-width: 220px;
  --radius:        4px;
  --bar-height:    6px;
  --bar-height-thin: 3px;
  --bar-radius:    3px;
  --bar-transition: width 0.4s ease;

  /* ── Typography ── */
  --font-display: 'Cinzel', Georgia, serif;
  --font-prose:   'EB Garamond', Georgia, serif;
  --font-ui:      'Inter', system-ui, sans-serif;
  --font-mono:    'DM Mono', monospace;
}