/* Kingmaker Deutchland — brand skin over the design-system kit.
   Loaded AFTER design-system/main.css so these :root overrides win by source order.
   Emerald-on-forest identity: deep-green surface + emerald accent + gold highlight. */

:root {
  /* ---- 4 theme hooks ---- */
  --accent: #10b981;     /* Kingmaker Deutchland emerald — CTAs, active, glow */
  --accent-2: #f0c419;   /* gold highlight */
  --bg: #08130f;         /* page base */
  --surface: #10231b;    /* card base */

  /* ---- ramp fidelity (Kingmaker Deutchland values) ---- */
  --bg-2: #0b1912;
  --surface-2: #162c22;
  --surface-3: #1c3a2c;
  --surface-hover: #193325;
  --line: #2a4438;
  --line-strong: #3d5c4c;

  /* ---- text ---- */
  --text-1: #f1f7f2;
  --text-2: #b9c9bd;
  --text-3: #7f9488;

  /* ---- ink on accent: emerald #10b981 is mid-bright → dark ink passes AA ---- */
  --accent-ink: #04140d;

  /* ---- semantic (Kingmaker Deutchland) ---- */
  --success: #4ade80;
  --warning: #f2b134;
  --danger: #f0555f;
  --info: #4da3ff;
  --star: #ffd35c;

  /* ---- focus ring: light emerald, readable on dark ---- */
  --focus-ring: #7df2b1;
}