/* CTH Design System tokens, copied from the design system's tokens.css (generated from tokens.json).
   Changes: font files point at the theme's woff2 copies; unused faces and the retired halftone tokens removed. */

:root, [data-theme="light"] {
  --cth-red-900: #4d0808;
  --cth-red-800: #6b0c0c;
  --cth-red-700: #7f0e0e;
  --cth-red-600: #991111;
  --cth-red-500: #b01717;
  --cth-red-400: #c93b3b;
  --cth-red-200: #e9a9a9;
  --cth-red-050: #f9eded;
  --cth-gold-800: #7a5715;
  --cth-gold-700: #9a7222;
  --cth-gold-600: #be9036;
  --cth-gold-500: #d2a344;
  --cth-gold-400: #e0b95e;
  --cth-gold-200: #f0dca9;
  --cth-gold-050: #fbf5e6;
  --cth-black: #0b0b0b;
  --cth-ink-900: #141312;
  --cth-ink-800: #221f1e;
  --cth-ink-700: #3a3634;
  --cth-ink-600: #57524f;
  --cth-ink-500: #78716d;
  --cth-ink-400: #a29b96;
  --cth-ink-300: #c7c0bb;
  --cth-ink-200: #e2dcd7;
  --cth-ink-100: #f0ece8;
  --cth-paper: #faf8f5;
  --cth-white: #ffffff;
  --surface-page: var(--cth-paper);
  --surface-card: var(--cth-white);
  --surface-raised: var(--cth-white);
  --surface-sunken: var(--cth-ink-100);
  --surface-inverse: var(--cth-black);
  --surface-brand: var(--cth-red-600);
  --surface-brand-deep: var(--cth-red-800);
  --surface-accent: var(--cth-gold-500);
  --text-body: var(--cth-ink-800);
  --text-heading: var(--cth-black);
  --text-muted: var(--cth-ink-600);
  --text-faint: var(--cth-ink-400);
  --text-on-brand: var(--cth-white);
  --text-on-dark: var(--cth-paper);
  --text-on-dark-muted: var(--cth-ink-400);
  --text-brand: var(--cth-red-600);
  --text-accent: var(--cth-gold-700);
  --text-link: var(--cth-red-600);
  --text-link-hover: var(--cth-red-800);
  --border-hairline: var(--cth-ink-200);
  --border-strong: var(--cth-black);
  --border-brand: var(--cth-red-600);
  --border-on-dark: rgba(255,255,255,0.18);
  --state-info: var(--cth-ink-800);
  --state-success: #2e6b3e;
  --state-warning: var(--cth-gold-700);
  --state-danger: var(--cth-red-600);
  --focus-ring: var(--cth-gold-500);
  --crown-color: var(--cth-red-600);
  --shadow-sm: 0 1px 0 rgba(11,11,11,.08);
  --shadow-card: 0 2px 0 rgba(11,11,11,.10);
  --shadow-lift: 0 10px 28px -12px rgba(11,11,11,.35);
  --shadow-modal: 0 32px 70px -20px rgba(11,11,11,.55);
}

:root {
  --mono-wash-red: 0.8;
  --mono-wash-black: 0.6;
  --mono-wash-gold: 0.8;
  --mono-contrast: 1.15;
  --crown-edge-depth: 50px;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-pill: 999px;
  --weight-extralight: 200;
  --weight-light: 300;
  --weight-book: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --text-mega: clamp(4rem,11vw,10.5rem);
  --text-display-1: clamp(3rem,7vw,6rem);
  --text-display-2: clamp(2.25rem,4.6vw,4rem);
  --text-display-3: clamp(1.75rem,3vw,2.75rem);
  --text-h1: 2.5rem;
  --text-h2: 2rem;
  --text-h3: 1.5rem;
  --text-h4: 1.1875rem;
  --text-lead: 1.3125rem;
  --text-body-size: 1.0625rem;
  --text-small: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-eyebrow: 0.75rem;
  --leading-mega: 0.84;
  --leading-display: 0.9;
  --leading-heading: 1.08;
  --leading-body: 1.6;
  --leading-tight: 1.25;
  --tracking-mega: -0.01em;
  --tracking-display: 0.005em;
  --tracking-eyebrow: 0.22em;
  --tracking-button: 0.1em;
  --tracking-body: 0em;
  --width-page: 1280px;
  --width-content: 1120px;
  --width-prose: 68ch;
  --header-height: 88px;
  --border-hair: 1px;
  --border-rule: 2px;
  --border-heavy: 4px;
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --crown-tooth-w: 28px;
  --crown-tooth-h: 14px;
  --font-display: "Univers Ultra Condensed", "Oswald", "Arial Narrow", sans-serif;
  --font-condensed: "Univers Condensed", "Oswald", "Arial Narrow", sans-serif;
  --font-sans: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
}

.type-mega { font-family: var(--font-display); font-size: 10.5rem; line-height: 0.84; font-weight: 400; letter-spacing: -0.01em; }
.type-display-1 { font-family: var(--font-display); font-size: 6rem; line-height: 0.9; font-weight: 400; letter-spacing: 0.005em; }
.type-display-2 { font-family: var(--font-display); font-size: 4rem; line-height: 0.9; font-weight: 400; letter-spacing: 0.005em; }
.type-display-3 { font-family: var(--font-display); font-size: 2.75rem; line-height: 0.9; font-weight: 400; letter-spacing: 0.005em; }
.type-h1 { font-family: var(--font-sans); font-size: 2.5rem; line-height: 1.08; font-weight: 700; }
.type-h2 { font-family: var(--font-sans); font-size: 2rem; line-height: 1.08; font-weight: 700; }
.type-h3 { font-family: var(--font-sans); font-size: 1.5rem; line-height: 1.08; font-weight: 700; }
.type-h4 { font-family: var(--font-sans); font-size: 1.1875rem; line-height: 1.08; font-weight: 700; }
.type-lead { font-family: var(--font-sans); font-size: 1.3125rem; line-height: 1.5; font-weight: 300; }
.type-body { font-family: var(--font-sans); font-size: 1.0625rem; line-height: 1.6; font-weight: 400; letter-spacing: 0em; }
.type-small { font-family: var(--font-sans); font-size: 0.9375rem; font-weight: 400; }
.type-caption { font-family: var(--font-sans); font-size: 0.8125rem; line-height: 1.45; font-weight: 500; }
.type-eyebrow { font-family: var(--font-sans); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.22em; }
.type-button { font-family: var(--font-sans); font-size: 13px; line-height: 1; font-weight: 700; letter-spacing: 0.1em; }

@font-face { font-family: "Univers Ultra Condensed"; src: url("../fonts/univers-ultra-condensed.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Univers Condensed"; src: url("../fonts/univers-67-bold-condensed.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("../fonts/gotham-light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("../fonts/gotham-book.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("../fonts/gotham-book-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("../fonts/gotham-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("../fonts/gotham-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }