:root {
  /* Color Palette */
  --color-navy: #04121e;
  --color-navy-deep: #020c15;
  --color-navy-dark: #030f19;
  --color-navy-surface: #0a1c2d;
  --color-navy-overlay: rgba(3, 15, 25, 0.88);
  --color-orange: #ff7108;
  --color-orange-hover: #e56200;
  --color-orange-focus: rgba(255, 113, 8, 0.45);
  --color-white: #ffffff;
  --color-text-muted: #e2e6ec;
  --color-text-subtle: rgba(226, 230, 236, 0.75);
  --color-divider: rgba(255, 255, 255, 0.4);
  --color-divider-subtle: rgba(255, 255, 255, 0.22);
  --color-focus: #ff9d42;

  /* March Madness Design System Tokens */
  --mm-navy: #061624;
  --mm-navy-deep: #03111d;
  --mm-orange: #ff6509;
  --mm-orange-hover: #e55a00;
  --mm-white: #ffffff;
  --mm-off-white: #f8f9fb;
  --mm-text: #08121e;
  --mm-muted: #596372;
  --mm-border: #dce1e8;
  --mm-peach: #fff5ef;
  --mm-peach-border: #fde8d7;
  --mm-content-width: 1500px;
  --mm-desktop-gutter: clamp(24px, 5.2vw, 94px);
  --mm-card-radius: 14px;
  --mm-table-radius: 9px;
  --mm-shadow: 0 5px 16px rgba(7, 20, 35, 0.08);

  /* At a Glance Section Tokens */
  --overview-navy: #061624;
  --overview-deep-navy: #03111d;
  --overview-orange: #ff6509;
  --overview-white: #ffffff;
  --overview-peach: #fff4e9;
  --overview-border: #ffd0b2;
  --overview-muted: #192333;
  --overview-container: 1510px;
  --overview-radius: 22px;

  /* Typography */
  --font-family-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Layout & Sizing */
  --container-max: 1717px;
  --container-gutter: clamp(20px, 5.58vw, 96px);
  --header-height: 86px;

  /* Radii */
  --radius-badge: 2px;
  --radius-button: 11px;
  --radius-dropdown: 8px;

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-standard: 260ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Shadows */
  --shadow-dropdown: 0 14px 38px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-button-focus: 0 0 0 3px var(--color-orange-focus);
}