/* GavelGap brand tokens — canonical source.
   Imported by every marketing-site surface (index, blog, support, privacy).
   The web app (web/app/globals.css) mirrors these values under Tailwind's
   @theme namespace — keep both in sync when a value changes. */
:root {
  --bg: #0a0a0c;
  --surface: #111115;
  --surface2: #18181d;
  --border: #2a2a32;
  --text: #d8d8e0;
  /* Lightened to meet WCAG AA (4.5:1) on elevated surfaces — was #7a7a88, which
     only passed on the pure background. Keep this the dimmest token. */
  --text-dim: #9a9aa8;

  /* Brand: orange matches the logo. */
  --brand: #e66b1a;
  --brand-glow: rgba(230,107,26,0.32);
  --brand-soft: rgba(230,107,26,0.08);

  /* Brighter paragraph text for readability on dark surfaces */
  --text-body: #c8c8d4;

  /* Semantic accents */
  --red: #e84040;
  --red-glow: rgba(232,64,64,0.25);
  --orange: #e8943a;
  --green: #3ae87a;
  --green-glow: rgba(58,232,122,0.32);
  --yellow: #e8d43a;
  --cyan: #3abce8;

  /* Typography */
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-label: 0.75rem;
  --lh-body: 1.7;
  --font-display: 'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius: 6px;
}