@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Noto+Sans:wght@400;600&family=Caveat&display=swap');

:root {
  /* Brand — primary */
  --color-ocean-teal: #5B9B9A;
  --color-rich-teal: #1C8C8C;
  --color-cta-teal: #256160;
  --color-onyx: #0F2330;
  --color-slate-brand: #3D5270;
  --color-pure-white: #FFFFFF;
  /* Brand — secondary */
  --color-whisper-teal: #B0DFDE;
  --color-sunshine-gold: #FFD965;
  --color-radiant-yellow: #FDE800;
  --color-graphite: #5B5B5B;
  --color-silver-grey: #D1D1D1;
  /* Fonts */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Noto Sans', sans-serif;
  --font-handwritten: 'Caveat', cursive;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-body);
  color: var(--color-pure-white);
}

body {
  overflow-x: hidden;
  background: linear-gradient(180deg, #0F2330 0%, #132D3E 30%, #163545 60%, #132D3E 100%);
  background-attachment: fixed;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}