:root{
  --c-slate:#414A50;
  --c-blue:#489CD6;
  --c-teal:#44BFB4;
  --c-deep-teal:#19666B;
  --c-gold:#E9B62C;
  --c-mist:#E8F3F8;
  --c-sand:#E9E0D3;
  --c-bone:#FCFBF8;
  --c-white:#FFFFFF;
  --c-stone:#636B71;
  --gradient-swoosh:linear-gradient(90deg, #489CD6, #44BFB4);
  --gradient-button:linear-gradient(90deg, #4498D5, #37A199);
  --button-ink:#FFFFFF;
  --button-solid-deep-blue:#2C79AF;
  --button-solid-slate:#414A50;
  --button-outline-slate:#414A50;
  --button-outline-blue:#2C79AF;
  --atmo-swoosh:radial-gradient(90% 70% at 88% 8%, rgba(68,191,180,0.32) 0%, rgba(68,191,180,0) 62%), radial-gradient(85% 75% at 8% 95%, rgba(72,156,214,0.28) 0%, rgba(72,156,214,0) 62%), linear-gradient(180deg, #F5F7F6 0%, #F2EFE9 100%);
  --atmo-morning:radial-gradient(110% 80% at 12% 0%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 60%), linear-gradient(155deg, #D3DEE3 0%, #E6E0D6 55%, #F1E9DD 100%);
  --atmo-daylight:radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 55%), linear-gradient(150deg, #9FB3BD 0%, #C8BBA9 55%, #E6DACB 100%);
  --atmo-dusk:radial-gradient(100% 80% at 72% 12%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 60%), linear-gradient(160deg, #3E4C55 0%, #5A666B 55%, #85796A 100%);
  --radius:4px;
  --shadow:0 1px 2px rgba(31,40,45,0.06), 0 10px 30px -14px rgba(31,40,45,0.22);
  --font-heading:'Urbanist', system-ui, sans-serif;
  --font-body:'Figtree', system-ui, sans-serif;
  --font-display:'Parkinsans', system-ui, sans-serif;
  --step-display:64px;
  --lh-display:1.04;
  --wt-display:500;
  --tr-display:-0.015em;
  --step-h1:44px;
  --lh-h1:1.1;
  --wt-h1:400;
  --tr-h1:-0.01em;
  --step-h2:32px;
  --lh-h2:1.15;
  --wt-h2:400;
  --tr-h2:-0.005em;
  --step-h3:24px;
  --lh-h3:1.25;
  --wt-h3:400;
  --tr-h3:0em;
  --step-body-lg:20px;
  --lh-body-lg:1.55;
  --wt-body-lg:400;
  --tr-body-lg:0em;
  --step-body:17px;
  --lh-body:1.6;
  --wt-body:400;
  --tr-body:0em;
  --step-label:14px;
  --lh-label:1.3;
  --wt-label:500;
  --tr-label:0em;
}