:root {
  --brand-font-display: 'Montserrat', 'Helvetica Neue', sans-serif;
  --brand-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --brand-display-transform: uppercase;
  --brand-ink-strong: #1A1A1A;
  --brand-ink: #3C3C3B;
  --brand-bg: #FCFCFC;
  --brand-surface-dark: #212224;
  --brand-ink-on-dark: #FCFCFC;
  --brand-accent-bright: #FF8000;
  --brand-accent: #FF8000;
  --brand-theme-color: #FF8000;
  --brand-accent-ink: #A55400;
  --brand-ink-on-accent: #1A1A1A;
  --f-focus-ring: var(--brand-ink-strong, #1A1A1A);
  --brand-cta-bg: #FF8000;
  --brand-cta-bg-hover: #E67300;
  --brand-cta-bg-active: #CC6800;
  --brand-cta-ink: #1A1A1A;
  --brand-cta-radius: 4px;
  --brand-glass: rgba(33, 34, 36, 0.72);
  --brand-glass-blur: 5px;
  --brand-glass-saturate: 1.5;
  --brand-logo-w: 96px;
  --brand-logo-w-stuck: 74px;
}
@media (max-width: 1024px) {
  :root { --brand-logo-w: 68px; --brand-logo-w-stuck: 52px; }
}
.f-zone[data-zone="dark"] { --f-focus-ring: var(--brand-ink-on-dark, #FCFCFC); }