:root {
  --color-primary: #C8102E;
  --color-primary-dark: #a50d25;
  --color-primary-hover: #e01232;

  --color-black: #111111;
  --color-dark: #1a1a1a;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e8e8e8;
  --color-gray-400: #999999;
  --color-gray-600: #555555;
  --color-white: #ffffff;

  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --topbar-height: 40px;
  --header-height: 130px;
  --nav-height: 52px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-pill: 999px;

  --shadow-sm: 0 1px 4px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
  --shadow-dropdown: 0 8px 24px rgba(0,0,0,0.14);

  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}