/* GENEVA — design tokens. Change palette/type here; it propagates everywhere. */
:root {
  /* frontier/industrial base */
  --gv-black: #0a0908;
  --gv-charcoal: #17161a;
  --gv-gunmetal: #2a2830;
  --gv-steel: #4a4850;
  --gv-dust: #8f897a;
  --gv-khaki: #c9bfa7;
  --gv-bone: #eae5da;

  /* chrome logo tones, for accents pulled from the mark itself */
  --gv-chrome-silver: #cfd6da;
  --gv-chrome-blue: #5f7fae;
  --gv-chrome-gold: #b9974f;

  /* the one loud accent — pinky-red */
  --gv-accent: #ff2b54;
  --gv-accent-bright: #ff5c7a;
  --gv-accent-dim: #7a1626;

  --gv-ok: #7fd88f;
  --gv-warn: #e8b64a;

  /* surfaces */
  --bg: var(--gv-black);
  --bg-panel: color-mix(in srgb, var(--gv-charcoal) 92%, black);
  --bg-panel-raised: var(--gv-gunmetal);
  --border: color-mix(in srgb, var(--gv-steel) 55%, transparent);
  --border-bright: color-mix(in srgb, var(--gv-dust) 70%, transparent);

  --text: var(--gv-bone);
  --text-dim: var(--gv-dust);
  --text-faint: color-mix(in srgb, var(--gv-dust) 55%, transparent);

  /* type */
  --font-display: "Chakra Petch", "Rajdhani", "Arial Narrow", sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", monospace;
  --font-body: "Inter", "Segoe UI", sans-serif;

  /* Fixed (non-fluid) type scale — deliberately not clamp()/vw-based.
     This environment's Chromium build mis-measures line-wrap width for any
     text whose font-size resolves via clamp(), even with no vw component;
     see mobile breakpoint below for the size step-down instead. */
  --step--1: 0.82rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.75rem;
  --step-3: 2.4rem;
  --step-4: 3.6rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.85rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6.5rem;

  --radius: 3px;
  --nav-h: 4.25rem;

  --ease-snap: cubic-bezier(0.2, 0.9, 0.25, 1);
}

@media (max-width: 480px) {
  :root {
    --step-2: 1.4rem;
    --step-3: 1.9rem;
    --step-4: 2.5rem;
  }
}