@font-face {
  font-family: "Kanit";
  src: url("../assets/fonts/Kanit-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("../assets/fonts/Kanit-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Sitio vigente EPRE */
  --pine: #1e3932;
  --leaf: #006241;
  --mint: #d4e9e2;
  --ink: #1d1d1d;
  --sun: #cba258;
  --sun-light: #f1d891;
  --white: #ffffff;
  --paper: #f7faf8;
  --line: #d7e3dd;
  --muted: #52655d;
  --deep: #102820;

  --font: "Kanit", Arial, sans-serif;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);

  --page-width: 1320px;
  --gutter: clamp(1.25rem, 4vw, 4.25rem);
  --header-height: 78px;
}

@media (min-width: 1440px) {
  :root {
    --page-width: 1440px;
    --header-height: 86px;
  }
}