:root {
  /* Brand colors */
  --color-primary: #317ed6;
  --color-primary-light: #5a9be6;
  --color-primary-lighter: #7fb3ef;
  --color-primary-dark: #1a5bb0;
  --color-secondary: #ee6608;
  --color-secondary-light: #f17228;
  --color-accent: #317ed6;
  --color-accent-light: #5a9be6;
  --color-cta: #ee6608;
  --color-cta-hover: #f17228;
  --color-footer-bg: #090c23;
  --color-footer-bottom-bg: #00000e;
  --footer-social-icon-color: #ee6608;
  --color-dark: #090c23;
  --color-dark-light: #1a2348;
  --color-error: #f44336;
  --color-warning: #ff9800;
  --color-success: #7cb342;
  --color-link: #317ed6;
  --color-nickel-50: #f4f6f9;
  --color-nickel-100: #d7d9dd;
  --color-nickel-200: #bbbec1;
  --color-nickel-300: #a0a3a6;
  --color-nickel-500: #6d6f72;
  --color-nickel-800: #282a2c;

  /* Typography */
  --font-heading: 'Quicksand', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  /* Shape language */
  --radius-button: 28px;
  --radius-card: 8px;
  --radius-small: 8px;

  /* Hero */
  --hero-bg: linear-gradient(135deg, rgba(9, 12, 35, 0.84) 0%, rgba(49, 126, 214, 0.68) 100%);

  /* Timeline */
  --timeline-brand-line-color: var(--color-dark);
  --timeline-brand-icon-color: var(--color-secondary);
  --timeline-brand-title-color: var(--color-dark);
}