/* tokens.css — vendored from the-tracker/shared/tokens.ts (2026-06-20).
   Marketing-site snapshot; refresh manually if the product tokens change. */
:root {
  --text-primary: #0f172a;
  --text-secondary: #5e697d;   /* darkened for WCAG AA on gray surfaces (source: product textSecondary) */
  --text-slate: #475569;   /* slate-600 body copy (source: textSlate500) */
  --text-muted: #667386;   /* darkened for WCAG AA (source: product textMuted) */
  --accent: #850028;       /* priority crimson — in-app priority chips only, not brand chrome */
  --accent-2: #be2342;
  --accent-3: #c27a83;
  --link: #2563eb;
  --accent-blue: #3b82f6;
  --navy: #1e3a5f;         /* brand navy — the "Floor" in the wordmark, primary buttons */
  --navy-hover: #16304f;   /* darker navy for button hover */
  --accent-orange: #e8a33d;      /* Honey — brand accent; the "Vote" in the wordmark, small accents. Matches app token accentAmber. */
  --accent-orange-hover: #cc8f36;  /* darker Honey for hover */
  --danger: #dc2626;       /* form error text */
  --white: #fff;
  --surface-subtle: #f8fafc;
  --surface-muted: #f1f5f9;
  --page-wash: #f0f4f8;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 999px;
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 20px;
  --fs-3xl: 22px;
  --fs-display: 44px;   /* marketing-only hero tier */
  --fs-display-sm: 30px;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-heavy: 800;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08);
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-brand: 'Archivo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* Logo lockup v1.1 — source of truth: brand-kit/DESIGN-PRINCIPLES.md and
     floorvote/shared/logo.ts. 0.698em = 1.02x Archivo cap height (round top reaches
     the O-overshoot line); 0.343em = 0.5x cap height (two word-spaces). */
  --logo-gap: 0.343em;
  --logo-mark-h: 0.698em;
}