/*
 * Vantage design tokens.
 * Ported verbatim from the approved prototype's <style> block:
 * docs/mockups/2026-07-04-vantage-journey.html
 *
 * Semantic colours (--verified, --inferred, --threat) are FIXED in :root and
 * must never appear inside a [data-theme] block: they mean the same thing
 * (verified fact / inferred reasoning / competitive threat) regardless of
 * which brand accent colour is active. Only the brand accent (--gold and
 * friends) is themeable.
 */

:root {
  /* Neutrals refined in the journey prototype; these supersede the original spec 3.1 values. */
  --base: #0a0c11;
  --panel: #10141c;
  --raise: #1b2130;
  --line: #2a3242;
  --fg: #edeff4;
  --sub: #a4adbe;
  --dim: #6c7688;

  /* brand accent (themeable) */
  --gold: #e3b34e;
  --gold-hi: #f2ca6d;
  --gold-deep: #c8912f;
  --gold-rgb: 227, 179, 78;
  --gold-hi-rgb: 242, 202, 109;
  --gold-deep-rgb: 200, 145, 47;

  /* semantics (fixed across themes): traffic light green / amber / red */
  --verified: #5fd6a2;
  --inferred: #e8974a;
  --threat: #e26559;
  --verified-rgb: 95, 214, 162;
  --inferred-rgb: 232, 151, 74;
  --threat-rgb: 226, 101, 89;

  --ui: "Space Grotesk", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --eo: cubic-bezier(.16, 1, .3, 1);

    /* type scale (spec 3.2) */
    --fs-verdict:26px; --lh-verdict:1.25;
    --fs-title:15px; --lh-title:1.4;
    --fs-body:14px; --lh-body:1.55;
    --fs-chat:15px;
    --fs-micro:11px; --tracking-micro:.06em;
    /* spacing scale (spec 3.3): use these steps only */
    --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
    /* radius (spec 3.3) */
    --r-input:6px; --r-card:10px; --r-answer:14px; --r-btn:8px;
    /* elevation shadow (spec 3.3) */
    --shadow-card:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
}

/* --- brand theme presets (accent + ball only; semantics unchanged) --- */
body[data-theme="gold"] {
  --gold: #e3b34e;
  --gold-hi: #f2ca6d;
  --gold-deep: #c8912f;
  --gold-rgb: 227, 179, 78;
  --gold-hi-rgb: 242, 202, 109;
  --gold-deep-rgb: 200, 145, 47;
}
body[data-theme="azure"] {
  --gold: #4f93f5;
  --gold-hi: #8fbcff;
  --gold-deep: #2c63c9;
  --gold-rgb: 79, 147, 245;
  --gold-hi-rgb: 143, 188, 255;
  --gold-deep-rgb: 44, 99, 201;
}
body[data-theme="teal"] {
  --gold: #2fc0ae;
  --gold-hi: #6fe6d6;
  --gold-deep: #1c8b7d;
  --gold-rgb: 47, 192, 174;
  --gold-hi-rgb: 111, 230, 214;
  --gold-deep-rgb: 28, 139, 125;
}
body[data-theme="violet"] {
  --gold: #8b7cf0;
  --gold-hi: #b3a6ff;
  --gold-deep: #5f4fd6;
  --gold-rgb: 139, 124, 240;
  --gold-hi-rgb: 179, 166, 255;
  --gold-deep-rgb: 95, 79, 214;
}