:root {
  --color-navy:       #0B1E3D;   
  --color-navy-mid:   #132847;   
  --color-navy-light: #1C3A60;   
  --color-gold:       #D4A93A;   
  --color-gold-light: #F0C85A;   
  --color-pearl:      #F5F0E8;   
  --color-mist:       #A8B8CC;   
  --color-crimson:    #C0392B;   
  --color-success:    #27AE60;   
  --font-display: 'Cinzel', serif;
  --font-body:    'Lato', sans-serif;
  --size-hero:  clamp(2.2rem, 5vw, 4rem);
  --size-h2:    clamp(1.6rem, 3vw, 2.4rem);
  --size-h3:    clamp(1.2rem, 2vw, 1.6rem);
  --size-body:  1rem;
  --size-small: 0.85rem;
  --line-body:  1.75;
  --line-tight: 1.2;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}