:root {
  --brand-accent: #FBB900;
  --brand-on-accent: #17191C;

  --neutral-0: #FFFFFF;
  --neutral-50: #F7F7F6;
  --neutral-100: #F0F1F2;
  --neutral-200: #DFE2E4;
  --neutral-600: #555D65;
  --neutral-900: #17191C;

  --color-page: var(--neutral-0);
  --color-surface: var(--neutral-50);
  --color-surface-hover: var(--neutral-100);
  --color-border: var(--neutral-200);
  --color-text: var(--neutral-900);
  --color-text-secondary: var(--neutral-600);
  --color-header: var(--neutral-0);
  --color-header-text: var(--neutral-900);
  --color-header-border: var(--neutral-200);
  --color-nav-active-line: var(--brand-accent);
  --color-category-bg: var(--brand-accent);
  --color-category-text: var(--brand-on-accent);
  --color-link: var(--neutral-900);
  --color-link-underline: var(--brand-accent);
  --color-focus: var(--neutral-900);
  --color-focus-inverse: var(--neutral-0);
  --brand-editorial-tone: color-mix(in srgb, var(--brand-accent) 45%, black);
  --color-editorial-label: var(--brand-editorial-tone);
  --color-editorial-meta: #61656b;
  --color-editorial-index: #8d9298;
  --color-photo-start: #e5ebf1;
  --color-photo-end: #cfd9e2;
  --color-photo-lead-start: #9da7ad;
  --color-photo-lead-end: #606b72;
  --color-photo-label-inverse: #fff;
  --color-ad-placeholder: #f3f6f8;
  --color-overlay-strong: rgb(23 25 28 / 88%);

  --font-heading: "Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-label: 0.75rem;
  --text-small: 0.875rem;
  --text-base: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
  --text-article: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);
  --text-card: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-section: clamp(1.5rem, 1.15rem + 1.4vw, 2.25rem);
  --text-hero: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-body-heading-2: clamp(1.375rem, 1.2rem + 0.65vw, 1.75rem);
  --text-body-heading-3: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --text-body-heading-4: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --text-body-heading-5: clamp(1.0625rem, 1rem + 0.2vw, 1.25rem);
  --text-body-heading-6: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --card-excerpt-lines: 3;
  --nav-indicator-width: 4px;
  --leading-tight: 1.08;
  --leading-heading: 1.18;
  --leading-card: 1.28;
  --leading-label: 1.3;
  --leading-meta: 1.4;
  --leading-body: 1.5;
  --leading-article: 1.68;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --page-gutter: clamp(var(--space-4), 0.6rem + 1.5vw, var(--space-6));
  --card-gap: clamp(var(--space-3), 0.5rem + 1vw, var(--space-6));
  --section-gap: clamp(2.5rem, 1.75rem + 3vw, 5rem);

  --radius-base: 0.2rem;
  --radius-card: var(--radius-base);
  --radius-image: var(--radius-base);
  --radius-control: var(--radius-base);
  --radius-pill: 999px;

  --container-max: 1280px;
  --reading-max: 760px;
  --sidebar-max: 300px;
  --column-gap: var(--space-8);
  --header-logo-width: 300px;
  --header-logo-fluid-width: 24vw;
  --header-logo-mobile-width: 164px;
  --header-logo-compact-width: clamp(140px, 14vw, 180px);
  --header-compact-padding: var(--space-2);
  --header-social-size: 44px;
  --header-search-panel-width: 320px;
  --header-nav-gap: clamp(15px, 2.4vw, 35px);
  --header-nav-item-padding: clamp(var(--space-2), 1vw, var(--space-4));
  --header-nav-font-size: 0.875rem;
  --header-compact-nav-gap: clamp(10px, 1.6vw, 24px);
  --header-compact-nav-item-padding: var(--space-2);
  --header-compact-nav-font-size: clamp(0.75rem, 1vw, 0.8125rem);
  --header-sticky-shadow: 0 6px 18px rgb(23 25 28 / 8%);
  --header-utility-height: 40px;
  --header-mast-padding: clamp(var(--space-4), 2vw, var(--space-6));
  --header-nav-height: 44px;
  --header-search-icon-size: 19px;
  --header-search-popover-shadow: 0 8px 24px rgb(23 25 28 / 12%);
  --header-search-control-width: 20rem;
  --header-location-size: 0.6875rem;
  --footer-copy-max: 34ch;
  --featured-grid-columns: minmax(0, 0.9fr) minmax(0, 2.15fr) minmax(0, 0.9fr);
  --featured-lead-title: clamp(2.125rem, 4.2vw, 3.5rem);
  --featured-side-title: clamp(1.125rem, 1.8vw, 1.5rem);
  --home-section-title: clamp(1.8125rem, 3.2vw, 2.5rem);
  --home-label-size: 0.6875rem;
  --home-meta-size: 0.6875rem;
  --home-brief-size: 0.8125rem;
  --home-list-title-size: 1.0625rem;
  --home-small-card-title: clamp(1.1875rem, 1.8vw, 1.5rem);
  --home-photo-label-size: 0.55rem;
  --home-photo-label-tracking: .08em;
  --home-standfirst-size: 1.125rem;
  --home-standfirst-max: 620px;
  --home-feature-gap: 17px;
  --home-topic-gap: 22px;
  --home-mobile-hero-size: 2.3125rem;
  --home-mobile-side-size: 1.125rem;
  --home-mobile-ad-height: 74px;
  --home-tracking-label: .11em;
  --home-tracking-ad: .18em;
  --home-index-size: 1.5rem;
  --home-lead-index-size: 2rem;
  --home-weight-label: 780;
  --home-weight-section: 720;
  --home-weight-hero: 710;
  --home-weight-card: 620;
  --home-weight-feature: 670;
  --home-weight-brief: 570;
  --home-weight-meta: 450;
  --home-tracking-heading: -0.045em;
  --card-hover-opacity: .9;
  --editorial-feature-title: clamp(1.375rem, 2.3vw, 1.875rem);
  --editorial-brief-title: clamp(1rem, 1.3vw, 1.125rem);
  --editorial-rule-strong: 2px solid var(--color-text);
  --story-reading-width: 70ch;
  --story-paragraph-gap: 1.45em;
  --story-title-size: clamp(2.125rem, 1.55rem + 2.6vw, 3.75rem);
  --story-deck-size: clamp(1.1875rem, 1.05rem + 0.5vw, 1.4375rem);
  --story-section-gap: clamp(var(--space-8), 4vw, var(--space-16));
  --story-sidebar-heading-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.4375rem);
  --story-sidebar-item-size: 0.9375rem;
  --story-sidebar-thumb-width: 112px;
  --story-sidebar-featured-thumb-width: 92px;
  --story-related-title-size: 1.125rem;
  --story-share-icon-size: 1.125rem;
  --archive-title-size: clamp(2.875rem, 5.5vw, 4.75rem);
  --archive-lead-title-size: clamp(1.75rem, 2.8vw, 2.625rem);
  --archive-card-title-size: clamp(1.125rem, 1.6vw, 1.375rem);
  --archive-header-description-width: 380px;
  --archive-description-measure: 40ch;
  --archive-lead-aspect: 4 / 3;
  --archive-feed-gap: clamp(var(--space-6), 2.4vw, var(--space-8));
  --control-min-size: 44px;
  --image-card-aspect: 16 / 9;
  --tracking-editorial-label: 0.1em;
  --tracking-lead-title: -0.045em;
  --search-max-width: 18rem;
  --search-fluid-width: 22vw;
  --compact-media-min: 7.5rem;
  --compact-media-mobile-min: 6rem;
  --navigation-mobile-max-height: 32rem;
  --navigation-mobile-fluid-height: 70vh;
  --heading-measure: 22ch;
  --underline-thickness: 0.12em;
  --underline-thickness-hover: 0.16em;
  --underline-offset: 0.18em;
  --muted-icon-opacity: 0.32;
  --featured-lead-min-height: clamp(28rem, 40vw, 34rem);
  --featured-secondary-min-height: clamp(13rem, 18vw, 16rem);
  --ticker-control-width: 10.5rem;
  --ticker-item-gap: var(--space-8);
  --border-width: 1px;
  --active-border-width: 3px;
  --focus-width: 3px;
  --control-active-offset: 1px;
  --player-aspect: 16 / 9;

  --motion-duration-fast: 180ms;
  --article-progress-height: 3px;
  --back-to-top-shadow: 0 6px 18px rgb(23 25 28 / 14%);
  --motion-duration-reduced: 0.01ms;
  --motion-easing-standard: ease-out;
  --ticker-cycle-duration: 150s;
  --drawer-width: 320px;
  --drawer-heading-size: 1.125rem;
  --drawer-toggle-symbol-size: 1rem;
  --drawer-duration: 240ms;
  --drawer-backdrop: rgb(0 0 0 / 34%);
  --drawer-shadow: -8px 0 24px rgb(23 25 28 / 12%);
  --ad-top-width: 728px;
  --ad-top-aspect: 728 / 90;
  --ad-rectangle-width: 300px;
  --ad-rectangle-aspect: 300 / 250;
  --footer-brand-gap: clamp(10px, 1.4vw, 16px);
  --footer-brand-divider-height: clamp(35px, 4vw, 58px);
  --footer-logo-width: 180px;
  --footer-network-logo-width: 130px;
}