/* Mountainview Mortgage — Design Tokens */
:root {
  /* Brand colours */
  --color-mountain-blue: #4597CB;
  --color-brand-red:     #D42B1A;
  --color-dark-charcoal: #272727;
  --color-medium-grey:   #848484;
  --color-navy-900:      #0a1628;
  --color-navy-700:      #102040;
  --color-navy-500:      #1a3a5c;
  --color-off-white:     #f8fafc;
  --color-footer-bg:     #0f1e32;
  --color-white:         #ffffff;

  /* Semantic aliases */
  --color-primary:       var(--color-mountain-blue);
  --color-cta-primary:   var(--color-mountain-blue);
  --color-cta-secondary: var(--color-brand-red);
  --color-text-body:     var(--color-dark-charcoal);
  --color-text-muted:    var(--color-medium-grey);

  /* Hero gradient */
  --gradient-hero: linear-gradient(160deg, #0a1628, #102040, #1a3a5c);

  /* Typography */
  --font-headline: 'Outfit', sans-serif;
  --font-body:     'Lato', sans-serif;

  /* Spacing scale (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-base: 200ms ease;
  --transition-slow: 350ms ease;

  /* Container */
  --container-max:     1200px;
  --container-padding: var(--space-6);
}