/* GENERATED by scripts/extract-brand.js (source: docs/brand-tokens.json). Do not edit by hand. */
:root {
  /* colours: light (shop pages) */
  --color-background: #ffffff;
  --color-surface: #efefef;
  --color-text: #333333;
  --color-text-strong: #000000;
  --color-muted-text: #555555;
  --color-subtle-text: #999999;
  --color-primary: #ea1521;
  --color-primary-hover: #e10600;
  --color-accent: #ff0000;
  --color-link: #ea1521;
  --color-link-hover: #ff0000;
  --color-price: #ff0000;
  --color-border: #ededed;
  --color-input-border: #cccccc;
  --color-header-bg: #ffffff;
  --color-header-text: #333333;
  --color-nav-hover: #e10600;
  --color-footer-bg: #ffffff;
  --color-footer-text: #555555;
  --color-footer-heading: #ea1521;
  --color-success: #28a745;
  --color-danger: #dc3545;
  /* button: primary */
  --btn-primary-bg: #f34c3b;
  --btn-primary-text: #ffffff;
  --btn-primary-radius: 2px;
  --btn-primary-hover-bg: #f34c3b;
  --btn-primary-hover-text: #ffffff;
  /* button: submit */
  --btn-submit-bg: #ea1521;
  --btn-submit-text: #ffffff;
  --btn-submit-border: #ea1521;
  --btn-submit-radius: 0px 2px 2px 0px;
  --btn-submit-hover-bg: #ffffff;
  --btn-submit-hover-text: #ea1521;
  --btn-submit-hover-border: #ea1521;
  /* button: secondary */
  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: #222222;
  --btn-secondary-border: #dcdcdc;
  --btn-secondary-radius: 0px;
  --btn-secondary-hover-bg: #ffffff;
  --btn-secondary-hover-text: #ea1521;
  --btn-secondary-hover-border: #ea1521;
  /* button: ghost */
  --btn-ghost-bg: #ffffff66;
  --btn-ghost-text: #ffffff;
  --btn-ghost-border: #ffffff;
  --btn-ghost-radius: 0px;
  --btn-ghost-hover-bg: #ffffff;
  --btn-ghost-hover-text: #f4080b;
  --btn-ghost-hover-border: #ffffff;
  /* button: onDark */
  --btn-on-dark-bg: #ff0000;
  --btn-on-dark-text: #ffffff;
  --btn-on-dark-radius: 20px;
  --btn-on-dark-hover-bg: #ff0000;
  --btn-on-dark-hover-text: #212529;
  /* badges */
  --badge-top-bg: #f57400;
  --badge-top-text: #ffffff;
  --badge-new-bg: #5a932b;
  --badge-new-text: #ffffff;
  --badge-on-order-text: #ff0000;
  --badge-counter-bg: #f5222d;
  --badge-counter-text: #ffffff;
  /* fonts: stacks only; the font files are not bundled (see docs/content-gaps.md) */
  --font-body: "ProximaNovaRegular", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "ProximaNovaSemi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-page-title: "ProximaNovaRegular", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Proxima Nova Black", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-button: "ProximaNovaBold", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-price: "ProximaNovaLt", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* typography: self-hosted HUD families and the fluid type scale (docs/brand-typography.json) */
  --font-hud-display: "Big Shoulders Display Variable", Impact, "Arial Narrow Bold", "Arial Narrow", system-ui, sans-serif;
  --font-hud-body: "Manrope Variable", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-hud-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --type-2xs: clamp(0.6875rem, 0.6667rem + 0.0926vw, 0.75rem);
  --type-xs: clamp(0.75rem, 0.7292rem + 0.0926vw, 0.8125rem);
  --type-sm: clamp(0.875rem, 0.8542rem + 0.0926vw, 0.9375rem);
  --type-base: clamp(1rem, 0.9792rem + 0.0926vw, 1.0625rem);
  --type-lg: clamp(1.125rem, 1.0625rem + 0.2778vw, 1.3125rem);
  --type-xl: clamp(1.25rem, 1.125rem + 0.5556vw, 1.625rem);
  --type-2xl: clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);
  --type-3xl: clamp(1.875rem, 1.4167rem + 2.037vw, 3.25rem);
  --type-4xl: clamp(2.25rem, 1.4167rem + 3.7037vw, 4.75rem);
  --type-5xl: clamp(2.75rem, 1.3333rem + 6.2963vw, 7rem);
  --type-display: clamp(3.25rem, 1.1667rem + 9.2593vw, 9.5rem);
  --type-mega: clamp(3.15rem, 0.2rem + 13.1111vw, 12rem);
  --leading-mega: 0.82;
  --leading-display: 0.88;
  --leading-tight: 1.05;
  --leading-snug: 1.3;
  --leading-body: 1.6;
  --tracking-display: -0.005em;
  --tracking-tight: -0.02em;
  --tracking-label: 0.16em;
  --tracking-mono: 0.04em;
  /* type scale: the sizes pages use (headings 600 max, body 400) */
  --fs-hero: clamp(2.5rem, 5.5vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 3.2vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-stat: clamp(1.75rem, 3vw, 2.25rem);
  --fs-lead: 1.125rem;
  --fs-body: 1rem;
  --fs-name: 0.9375rem;
  --fs-small: 0.875rem;
  --fs-meta: 0.8125rem;
  --fs-label: 0.75rem;
}

/* Dark surfaces the live site uses (home page, menus). Opt in with data-theme="dark" on a wrapper. */
[data-theme="dark"] {
  --color-background: #000000;
  --color-surface: #272727;
  --color-text: #ffffff;
  --color-muted-text: #9c9c9c;
  --color-border: #3a3a3a;
  --color-input-bg: #2a2a2a;
  --color-header-bg: #000000;
  --color-footer-bg: #000000;
  --color-menu-bg: #16161c;
  --color-menu-border: #ffffff1a;
  --color-menu-text: #f2f2f4;
  --color-mobile-menu-bg: #111111;
  --color-primary: #ff0000;
  --color-nav-hover: #e10600;
  --color-nav-text: #ffffff;
}