/* Quest the City — design-v3 tokens (LOCKED)
   Source: planning/design-v3 (Claude Design)
   Public marketing uses Obsidian (default) + Paper (light).
   Dossier / Ops reserved for in-mission (engine later).
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Special+Elite&display=swap');

:root {
  color-scheme: dark;
  --bg: #0b0d0c;
  --bg-2: #111413;
  --panel: #15181a;
  --panel-2: #1c2023;
  --line: rgba(255,255,255,0.08);
  --line-2: rgba(255,255,255,0.15);
  --fg: #e8e6df;
  --fg-2: #a8a59b;
  --fg-3: #6b6a63;
  --accent: #d9a441;
  --accent-2: #8a9a5b;
  --danger: #c33;
  --stamp: #c8383a;
  --paper: #e8dfca;
  --font-display: 'Barlow Condensed', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-type: 'Special Elite', 'Courier New', monospace;
  --wrap: 1360px;
  --nav-h: 64px;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f2ede3;
  --bg-2: #e8e1d0;
  --panel: #fbf7ee;
  --panel-2: #ece4d1;
  --line: rgba(20,18,12,0.10);
  --line-2: rgba(20,18,12,0.22);
  --fg: #14120c;
  --fg-2: #4e4a3e;
  --fg-3: #85806f;
  --accent: #b47820;
  --accent-2: #5c6b3a;
  --danger: #a32222;
  --stamp: #9b2a2c;
  --paper: #fbf7ee;
}

html[data-theme="dossier"] {
  --bg: #d9cdb0;
  --bg-2: #cfc1a1;
  --panel: #e6dcc3;
  --panel-2: #d1c29f;
  --line: rgba(40,30,10,0.25);
  --line-2: rgba(40,30,10,0.45);
  --fg: #1b1914;
  --fg-2: #4a4436;
  --fg-3: #7a725e;
  --accent: #9b2a2c;
  --accent-2: #2e4a2a;
  --stamp: #9b2a2c;
  --paper: #e6dcc3;
}

html[data-theme="ops"] {
  --bg: #07100b;
  --bg-2: #0a1610;
  --panel: #0d1e16;
  --panel-2: #112820;
  --line: rgba(120,220,160,0.12);
  --line-2: rgba(120,220,160,0.25);
  --fg: #d6f2dd;
  --fg-2: #7fbf94;
  --fg-3: #4a8862;
  --accent: #4ade80;
  --accent-2: #f59e0b;
  --stamp: #ef4444;
}