:root {
  --color-background: #F4DF4E;
  --color-background-light: #FFF9D9;
  --color-surface: #FFFFFF;
  --color-primary: #168DC4;
  --color-primary-dark: #086A9C;
  --color-accent: #C52F3A;
  --color-text: #17364A;
  --color-text-light: #526875;
  --color-border: rgba(22, 141, 196, 0.22);
  --font-heading: 'Open Sans', sans-serif;
  --bs-border-radius: 0.175rem;
  --page-white: #ffffff;
  --page-cream: #fcfaf2;
  --page-blue-light: #f3f9fc;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}