/* Theme palettes, part 1: fantasy (default: forest green chrome, aged gold, warm paper cards).
   Shared type, shape and card design lives in tokens.css; a theme only sets colour, chrome tone and the photo scrim. */
:root, :root[data-theme="fantasy"] {
  color-scheme: dark;
  --bg-0: #0e1813; --bg-1: #13211b; --bg-2: #1a2c24;
  --ink-0: #f0e9d4; --ink-1: #d2cab0; --ink-2: #a39b82; --ink-3: #7c7560;
  --violet: #8c72b8; --violet-rgb: 140, 114, 184;
  --rose: #b84a52; --rose-rgb: 184, 74, 82;
  --cyan: #4a86a8; --cyan-rgb: 74, 134, 168;
  --amber: #d4a24c; --amber-rgb: 212, 162, 76;
  --emerald: #5a9a6b; --emerald-rgb: 90, 154, 107;
  --slate: #8d97a8; --slate-rgb: 141, 151, 168;
  --a2-pct: 62%; --a2-target: #fff4d6;
  --ai-pct: 62%; --ai-target: #1b1306;
  --brand: #c9a24e; --brand-2: #e3c274; --brand-rgb: 201, 162, 78;
  --danger: #c4505a; --danger-rgb: 196, 80, 90; --ok: #6aa878;

  --glass: rgba(240, 230, 200, 0.05); --glass-strong: rgba(240, 230, 200, 0.08);
  --glass-border: rgba(201, 162, 78, 0.2); --glass-border-hi: rgba(201, 162, 78, 0.4);
  --surface: #16241d; --chrome-bg: #0f1b16;
  --panel-bg: #16241d; --panel-bg-2: #1d2f26;
  --field-bg: rgba(0, 0, 0, 0.28); --field-bg-focus: rgba(0, 0, 0, 0.4);
  --inset: rgba(240, 230, 200, 0.05);
  --scrim: rgba(5, 10, 8, 0.7); --tip-bg: #0f1b16;

  --card-bg: #f4ecd6; --card-border: rgba(90, 70, 30, 0.3);
  --card-ink-0: #2a2011; --card-ink-1: #4a3b24; --card-ink-2: #6c5b3b; --card-ink-3: #8d7c5a;
  --card-inset: rgba(90, 60, 20, 0.06); --card-line: rgba(90, 70, 30, 0.2);
  --card-field-focus: rgba(255, 255, 255, 0.6);

  --primary-bg: #c9a24e; --primary-ink: #241a07; --primary-border: #9c7b2f;
  --brand-ink: #241a07;

  --vignette: linear-gradient(180deg, rgba(8, 14, 11, 0.3), rgba(8, 14, 11, 0.8));
  --nav-bg: linear-gradient(180deg, rgba(8, 14, 11, 0.8), rgba(8, 14, 11, 0));
  --grid-dot: rgba(240, 230, 200, 0.12);
  --die-fill: #1d2f26; --die-stroke: var(--brand); --die-num: var(--ink-0);
}