/* gen live production — design tokens, generated from tokens.json. Do not edit by hand. */
/* Default = light "spec" theme. Add data-theme="dark" on <html> (or any container) for the black "campaign" theme. */
:root{
  --gl-red: #ff0033;
  --gl-black: #000000;
  --gl-white: #ffffff;
  --gl-white-whale: #f2f3f4;
  --gl-red-hover: #ff2a52;
  --gl-red-press: #d90029;
  --gl-red-12: rgba(255,0,51,.12);
  --gl-red-24: rgba(255,0,51,.24);
  --gl-ink-900: #000000;
  --gl-ink-700: #1a1a1a;
  --gl-ink-600: #4d4d4d;
  --gl-ink-500: #8a8a8a;
  --gl-ink-400: #b3b3b3;
  --gl-ink-300: #dcdcdc;
  --gl-ink-200: #e8e9ea;
  --gl-snow-900: #ffffff;
  --gl-snow-600: #b3b3b3;
  --gl-snow-500: #8a8a8a;
  --gl-snow-300: rgba(255,255,255,.22);
  --gl-snow-200: rgba(255,255,255,.14);
  --gl-snow-100: rgba(255,255,255,.07);
  --text-primary: var(--gl-ink-900);
  --text-secondary: var(--gl-ink-600);
  --text-muted: var(--gl-ink-500);
  --text-accent: var(--gl-red);
  --text-inverse: var(--gl-white);
  --surface-page: var(--gl-white-whale);
  --surface-card: var(--gl-white);
  --surface-sunk: var(--gl-ink-200);
  --surface-inverse: var(--gl-black);
  --surface-accent: var(--gl-red);
  --border-hairline: var(--gl-ink-300);
  --border-strong: var(--gl-ink-900);
  --border-accent: var(--gl-red);
  --focus-ring: var(--gl-red);
  --link: var(--gl-black);
  --link-hover: var(--gl-red);
  --duotone-red: rgba(255,0,51,.55);
  --font-display: "Bely Display", Georgia, "Times New Roman", serif;
  --font-condensed: "Rift", "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Nunito Sans", "Nunito", system-ui, sans-serif;
  --sp-0: 0;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;
  --page-max: 1440px;
  --page-gutter: 32px;
  --grid-gap: 24px;
  --slide-w: 1920px;
  --slide-h: 1080px;
  --slide-pad-x: 52px;
  --slide-pad-y: 26px;
  --rail-gap: 18px;
  --press-shift: 1px;
  --radius-0: 0;
  --radius-1: 2px;
  --radius-pill: 999px;
  --shadow-none: none;
  --shadow-media: none;
  --hairline: 1px;
  --border-thick: 2px;
  --rule-strong: 2px;
  --fs-display-1: 5.375rem;
  --fs-display-2: 3.25rem;
  --fs-display-3: 2rem;
  --fs-display-4: 1.1875rem;
  --fs-label-xl: 1.5rem;
  --fs-label-lg: 0.8125rem;
  --fs-label-md: 0.75rem;
  --fs-label-sm: 0.6875rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-body-xs: 0.8125rem;
  --lh-display: 0.95;
  --lh-tight: 1.15;
  --lh-body: 1.55;
  --lh-label: 1.1;
  --ls-display: -0.01em;
  --ls-label: 0.18em;
  --ls-label-tight: 0.08em;
  --fw-body: 400;
  --fw-body-strong: 700;
  --fw-label: 600;
  --fw-label-strong: 700;
}
[data-theme="dark"]{
  --text-primary: var(--gl-white);
  --text-secondary: var(--gl-snow-600);
  --text-muted: var(--gl-snow-500);
  --text-inverse: var(--gl-black);
  --surface-page: var(--gl-black);
  --surface-card: #0a0a0a;
  --surface-sunk: #111111;
  --surface-inverse: var(--gl-white-whale);
  --border-hairline: var(--gl-snow-200);
  --border-strong: var(--gl-snow-900);
  --link: var(--gl-white);
}