:root {
  --color-saffron: #F0CB46;
  --color-gold: #CCA000;
  --color-yale-blue: #003566;
  --color-oxford-blue: #001D3D;
  --color-rich-black: #000814;

  --color-accent: #003566;
  --color-accent-dark: #001D3D;
  --color-bg: #ffffff;
  --color-snow: #f8f8fd;
  --color-heading: #1a2234;
  --color-text: #353f4f;
  --color-text-muted: #6b7a8d;
  --color-border: #e8ecf2;

  --font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-family);

  --space-lg: 1.5rem;
  --space-section: 6.25rem;
  --header-height: 80px;
  --max-width: 1140px;

  --shadow-sm: 0 4px 20px rgba(12, 27, 51, 0.06);
  --shadow-card: 0 8px 32px rgba(12, 27, 51, 0.08);
  --shadow-md: 0 12px 40px rgba(12, 27, 51, 0.1);
  --shadow-hover: 0 20px 48px rgba(12, 27, 51, 0.12);
}

@media (min-width: 1280px) {
  :root {
    --max-width: 1240px;
  }
}

@media (min-width: 1440px) {
  :root {
    --max-width: 1320px;
  }
}

@media (min-width: 1600px) {
  :root {
    --max-width: 1400px;
  }
}