/* Gonzo Design Tokens 1.0.0 — GENERATED. Source of truth: gonzo-brand/visual/tokens.json. Do not hand-edit this file; change the JSON, then from the gonzo workspace root run: node tools/brand-tokens/build.mjs */
:root {
  /* Brand */
  --gz-green: #C8FF00; /* The brand accent. CTAs, highlights, the signature pop. */
  --gz-cobalt: #0047AB; /* Secondary accent. Wayfinding, category marks, the Watch surface. */
  --gz-red: #B3222A; /* Bandana red. PROVISIONAL — resample from the reference photo. */
  --gz-cobalt-tint: #7FA9EC; /* Cobalt as TEXT on dark grounds. #0047AB is a fill only — it fails contrast as small text. */
  --gz-red-tint: #E4636A; /* Bandana red as TEXT on dark grounds. #B3222A is a fill only. */

  /* Ink ramp (neutral, no hue cast) */
  --gz-ink-000: #0A0A0A; /* Page ground */
  --gz-ink-100: #141414; /* Elevated surface */
  --gz-ink-200: #1F1F1F; /* Hairline border, divider */
  --gz-ink-300: #2E2E2E; /* Strong border, outlined control */
  --gz-ink-500: #6E6E68; /* Disabled text and icons */
  --gz-ink-700: #A8A8A2; /* Muted body text */
  --gz-ink-900: #F5F5F3; /* Primary text on dark */
  --gz-paper: #F5F5F3; /* Light ground — print, stickers, documents */

  /* State (aliases — always reference, never restate) */
  --gz-danger: var(--gz-red); /* Errors. Pairs with the 'Oh no, Gonzo.' frame. */
  --gz-success: var(--gz-green); /* Confirmation */

  /* Type */
  /* Display face "Cubao" is deliberately NOT exported: it exists only as the wordmark SVG. */
  --gz-font-text: 'Space Grotesk', system-ui, sans-serif; /* Everything else — headlines, UI, body, captions. */
  --gz-font-mono: ui-monospace, 'SF Mono', Menlo, monospace; /* Eyebrows, technical labels, timestamps. */
  --gz-weight-regular: 400;
  --gz-weight-medium: 500;
  --gz-weight-bold: 700;
  --gz-text-display-1: 96px;
  --gz-text-display-1-lh: 0.88;
  --gz-text-display-1-ls: -0.05em;
  --gz-text-display-1-w: 700;
  --gz-text-display-2: 64px;
  --gz-text-display-2-lh: 0.9;
  --gz-text-display-2-ls: -0.05em;
  --gz-text-display-2-w: 700;
  --gz-text-title-1: 40px;
  --gz-text-title-1-lh: 0.95;
  --gz-text-title-1-ls: -0.04em;
  --gz-text-title-1-w: 700;
  --gz-text-title-2: 28px;
  --gz-text-title-2-lh: 1;
  --gz-text-title-2-ls: -0.035em;
  --gz-text-title-2-w: 700;
  --gz-text-body-lg: 18px;
  --gz-text-body-lg-lh: 1.5;
  --gz-text-body-lg-ls: -0.01em;
  --gz-text-body-lg-w: 400;
  --gz-text-body: 15px;
  --gz-text-body-lh: 1.55;
  --gz-text-body-ls: 0;
  --gz-text-body-w: 400;
  --gz-text-label: 13px;
  --gz-text-label-lh: 1.3;
  --gz-text-label-ls: 0.02em;
  --gz-text-label-w: 700;
  --gz-text-eyebrow: 10px;
  --gz-text-eyebrow-lh: 1.4;
  --gz-text-eyebrow-ls: 0.18em;
  --gz-text-eyebrow-w: 700;

  /* Space */
  --gz-space-1: 4px;
  --gz-space-2: 8px;
  --gz-space-3: 12px;
  --gz-space-4: 16px;
  --gz-space-5: 24px;
  --gz-space-6: 32px;
  --gz-space-7: 48px;
  --gz-space-8: 64px;
  --gz-space-9: 96px;

  /* Radius */
  --gz-radius-none: 0px; /* Watch mosaic, full-bleed blocks, accent tiles — the wall is square. */
  --gz-radius-sm: 4px; /* Inputs */
  --gz-radius-md: 8px; /* Buttons, sheets */
  --gz-radius-tile: 18px; /* Home destination tiles. Carried over from the current site — this radius IS the homepage's signature. */
  --gz-radius-pill: 100px; /* Chips and tags only */

  /* Border */
  --gz-border-hairline: 1px;
  --gz-border-strong: 2px;

  /* Motion */
  --gz-dur-fast: 150ms;
  --gz-dur-base: 240ms;
  --gz-dur-slow: 400ms;
  --gz-ease-out: cubic-bezier(0,0,0.2,1);
  --gz-ease-spring: cubic-bezier(0.16,1,0.3,1);

  /* Logo */
  --gz-logo-min-width: 96px; /* Below this the torn notches fill in. */
}