:root {
  /* Colors */
  --color-primary: #D81D2A;
  --color-dark: #100F0D;
  --color-white: #FFFFFF;
  --color-gray-50: #FAFAFA;
  --color-gray-100: #F5F5F4;
  --color-gray-200: #E0E5E4;
  --color-gray-300: #B9C1BF;
  --color-gray-700: #474747;

  /* Typography */
  --font-display: 'Inter', sans-serif;
  --font-body: 'Inter', 'DM Sans', sans-serif;

  --text-h1: 600 64px/1.1 var(--font-display);
  --text-h1-spacing: -3px;
  --text-h2: 600 48px/1.15 var(--font-display);
  --text-h2-spacing: -2px;
  --text-h3: 600 24px/1.3 var(--font-display);
  --text-body: 400 18px/1.6 var(--font-body);
  --text-body-sm: 400 16px/1.6 var(--font-body);
  --text-tag: 500 14px/1 var(--font-body);

  /* Layout */
  --container-max: 1260px;
  --section-padding: 120px;
  --border-radius: 8px;

  /* Mobile overrides applied via media queries in layout.css */
}