@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-brand: #dd3333;
  --color-primary: #dd3333;
  --color-primary-deep: #b32727;
  --color-accent: #000000;
  --color-accent-light: #ffffff;
  --color-ink: #000000;
  --color-ink-soft: #383838;
  --color-muted: #555555;
  --color-line: #dfdfdf;
  --color-line-strong: #b5b5b5;
  --color-field-border: #7a7a7a;
  --color-focus-ring: rgb(0 0 0 / 0.14);
  --color-surface: #ffffff;
  --color-paper: #ffffff;
  --color-paper-alt: #efeded;
  --color-tint: #f6f6f6;
  --color-stage: #000000;
  --color-footer: #000000;
  --color-band: #383838;

  --color-open: #0b7a43;
  --color-open-bg: #e3f3ea;
  --color-upcoming: #8a5300;
  --color-upcoming-bg: #fff2cc;
  --color-closed: #4a4a4a;
  --color-closed-bg: #ececec;
  --color-danger: #a3121f;
  --color-danger-deep: #7d0e18;
  --color-danger-bg: #fde8ea;
  --color-info: #333333;
  --color-info-bg: #f1f1f1;

  --font-display: "Raleway", "Segoe UI", system-ui, sans-serif;
  --font-body: "Poppins", "Segoe UI", system-ui, sans-serif;

  --text-xs: 0.875rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lead: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --text-lg: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --text-xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-2xl: clamp(2.3rem, 1.4rem + 4vw, 4.75rem);
  --text-hero: clamp(2.75rem, 1.5rem + 5.6vw, 6.25rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: clamp(3rem, 2rem + 3vw, 4.5rem);
  --space-8: clamp(4rem, 2.5rem + 5vw, 7rem);

  --radius-panel: 0.25rem;
  --radius-control: 0.625rem;
  --radius-pill: 62rem;

  --container: 120rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.25rem, 0.5rem + 3.4vw, 5rem);
  --header-height: 4.5rem;
  --touch-target: 2.75rem;

  --duration-quick: 140ms;
  --ease-out: cubic-bezier(0.22, 0.8, 0.28, 1);
}