:root {
    --primary-color: #DBF6F1;
    --secondary-color: #8CE2C5;
    --tertiary-color: #8CE2C5;
    --tertiary-color-80: #8CE2C5CC;
    --cta-waves-color: #B6F4DF;
    --header-shadow-color: #b0cac5;
    --gradient-color: #B6F4DF;
    --cta-color: #FF6161;
    --glow-color: rgb(84, 253, 197);
    --icon-hover-color: #1352c0;
    --link-underline-color: #8CE2C5;
    --font-color: #001E4E;
    --font-color-cta: #000000;
    --card-color: #F1F7F6;
    --header-inner-page-color: #8CE2C5;
    --section-shade-color: #eafffa;
    
    --primary-font: "Poppins", sans-serif;
    --secondary-font: "Lato", sans-serif;
    --title-size: clamp(1.875rem, 5vw, 2.975rem);
    --card-border-radius: 20px;
    --sectionPadding: 2.5rem;

    --bar-width: 32px;
    --bar-height: 4px;
    --hamburger-gap: 6px;
    --hamburger-margin: 8px;
    --animation-timing: 200ms ease-in-out;
    --hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);
}


[data-theme="dark"] {
    --primary-color: #000714;
    --secondary-color: #8CE2C5;
    --tertiary-color: #001E4E;
    --tertiary-color-80: #001E4ECC;
    --cta-waves-color: #00348C;
    --header-shadow-color: #000714;
    --gradient-color: #00348C;
    --link-underline-color: #8CE2C5;
    --font-color: #DBF6F1;
    --card-color: #445D8ACC;
    --header-inner-page-color: rgba(0, 30, 78);
    --glow-color: #F1F7F6;
    --icon-hover-color: #8CE2C5;
    --section-shade-color: #445D8ACC;
}

/* lato-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300.woff2') format('woff2');
}
/* lato-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.woff2') format('woff2');
}
/* lato-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.woff2') format('woff2');
}

/* poppins-200 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/poppins-v23-latin-200.woff2') format('woff2');
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v23-latin-300.woff2') format('woff2');
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-regular.woff2') format('woff2');
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v23-latin-500.woff2') format('woff2');
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v23-latin-600.woff2') format('woff2');
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v23-latin-700.woff2') format('woff2');
}

body {
    margin: 0 auto;
    padding: 0;
    background-color: var(--primary-color);
}


*, *::after, *::before {
    box-sizing: border-box;
    max-width: 100%;
}

h1 {
  margin-block: 0.67em;
  font-size: 3em;
}