:root {
  --color-white: #FFFFFF;
  --color-gray-100: #F4F5F6;
  --color-gray-300: #D5D8DA;
  --color-gray-600: #667273;
  --color-charcoal-800: #2B2D2F;
  --color-charcoal-900: #1F2022;
  --color-emerald: #10B981;
  --color-emerald-light: #34D399;
  --color-emerald-deep: #0B6641;

  --font-body: 'Host Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --nav-height: 80px;
  --nav-height-mobile: 58px;

  --container-max: 1440px;
}