/* Generated from design/ by scripts/build-theme-assets.py. Do not edit by hand. */
/* Generated from design/tokens.json by scripts/build-tokens-css.py. Do not edit by hand. */

@font-face {
  font-family: "League Spartan";
  src: url("../fonts/LeagueSpartan-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Variable.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Variable-Italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --color-paper: #FBF8F4;
  --color-surface: #FFFFFF;
  --color-sand: #F3EDE6;
  --color-magenta: #AA046B;
  --color-magenta-hover: #8C0358;
  --color-magenta-soft: #F8E9F1;
  --color-ink: #2B2530;
  --color-ink-muted: #5F5763;
  --color-pros: #1F6B45;
  --color-pros-soft: #E6F2EB;
  --color-cons: #A23B1A;
  --color-cons-soft: #FBEBE4;
  --color-line: #E7DFD7;
  --color-line-control: #8A7F86;
  --color-focus: var(--color-ink);
  --color-link: var(--color-magenta);

  --font-display: "League Spartan", "Source Sans 3", system-ui, sans-serif;
  --font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-display-xl: 3.25rem;
  --leading-display-xl: 1.08;
  --weight-display-xl: 800;
  --tracking-display-xl: -0.015em;
  --text-display: 2.625rem;
  --leading-display: 1.12;
  --weight-display: 800;
  --tracking-display: -0.01em;
  --text-heading-1: 1.875rem;
  --leading-heading-1: 1.2;
  --weight-heading-1: 700;
  --tracking-heading-1: -0.005em;
  --text-heading-2: 1.4375rem;
  --leading-heading-2: 1.3;
  --weight-heading-2: 700;
  --tracking-heading-2: 0;
  --text-heading-3: 1.1875rem;
  --leading-heading-3: 1.3;
  --weight-heading-3: 700;
  --tracking-heading-3: 0;
  --text-lead: 1.25rem;
  --leading-lead: 1.6;
  --weight-lead: 400;
  --text-body: 1.125rem;
  --leading-body: 1.65;
  --weight-body: 400;
  --text-body-sm: 1rem;
  --leading-body-sm: 1.55;
  --weight-body-sm: 400;
  --text-label: 1.0625rem;
  --leading-label: 1.25;
  --weight-label: 700;
  --text-caption: 0.9375rem;
  --leading-caption: 1.45;
  --weight-caption: 500;
  --text-badge: 0.8125rem;
  --leading-badge: 1.2;
  --weight-badge: 700;
  --tracking-badge: 0.04em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(43, 37, 48, 0.06), 0 6px 18px -10px rgba(43, 37, 48, 0.18);
  --shadow-lift: 0 2px 4px rgba(43, 37, 48, 0.08), 0 14px 28px -14px rgba(43, 37, 48, 0.28);
  --shadow-header: 0 1px 0 rgba(43, 37, 48, 0.06);

  --container: 1180px;
  --container-narrow: 43rem;
  --measure: 68ch;
  --gutter: var(--space-8);
  --card-min: 250px;
  --tap-min: 44px;
  --focus-ring: 0 0 0 2px var(--color-paper), 0 0 0 5px var(--color-focus);
}

@media (max-width: 720px) {
  :root {
    --text-display-xl: 2.25rem;
    --leading-display-xl: 1.12;
    --text-display: 2rem;
    --leading-display: 1.15;
    --text-heading-1: 1.5625rem;
    --leading-heading-1: 1.25;
    --text-heading-2: 1.3125rem;
    --text-lead: 1.1875rem;
    --gutter: var(--space-4);
  }
}