:root {
  --al-primary: #0F4C81;
  --al-secondary: #00A3B4;
  --al-background: #E8F4F8;
  --al-surface: #F8FBFC;
  --al-text: #2D3E50;
  --al-accent: #A7C7D9;
  --al-white: #FFFFFF;

  --al-font-heading: "Montserrat", Arial, sans-serif;
  --al-font-body: "Lato", Arial, sans-serif;

  --al-radius-sm: 4px;
  --al-radius-md: 10px;
  --al-space-1: .5rem;
  --al-space-2: 1rem;
  --al-space-3: 1.5rem;
  --al-space-4: 2rem;
  --al-space-6: 3rem;
  --al-space-8: 4rem;
  --al-content-max: 1200px;
  --al-focus: 0 0 0 3px rgba(0,163,180,.30);
}