body {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-biscay) var(--cl-background);
}

:root {
  color-scheme: light;
  accent-color: var(--cl-biscay);
  --fs-10: 1.0rem;
  --fs-12: 1.2rem;
  --fs-14: 1.3rem;
  --fs-16: 1.4rem;
  --fs-18: 1.6rem;
  --fs-20: 1.8rem;
  --fs-24: 2.0rem;
  --fs-32: 2.8rem;
  --fs-34: 3.2rem;
  --fs-64: 4.2rem;
  --title-inner-sm: 1.8rem;
  --title-inner-lg: 2.1rem;
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-navy: #09042a;
  --cl-biscay: #007b3d;
  --cl-turquois: #068a48;
  --cl-turquois-2: #e8e3d7;
  --cl-turquois-3: #eabf4a;
  --cl-turquois-4: #c8d5ce;
  --cl-gray-1: #fafafa;
  --cl-gray-2: #e6e6e6;
  --cl-yellow: #e7d10b;
  --cl-yellow-1: #f8f4e7;
  --cl-red: #ce351a;
  --cl-cyclamen: #741845;
  --cl-green:#0a7547;
  --cl-blue: #103c93;
  --cl-background: #f5f2ea;
  --cl-filters-accent: #005e2f;
  --cl-footer: #2f2008;
  --cl-megamenu: #fafafa;
  --cl-megamenu-hover: #cacaca;
  --cl-usp-background: #fafafa;
  --br-xsmall: 0.25rem;
  --br-small: 1.25rem;
  --br-default: 1rem;
  --h-filters-max: 30rem;
  --w-sidebar: 28rem;
  --w-small: 66rem;
  --w-max: 136rem;
  --wblog-normal: 74ch;
  --wblog-wide: 94ch;
  --spacing-05: 0.5rem;
  --spacing-10: 0.75rem;
  --spacing-15: 1rem;
  --spacing-20: 1.5rem;
  --spacing-25: 2rem;
  --spacing-30: 2.5rem;
  --spacing-40: 3rem;
  --spacing-45: 4rem;
  --spacing-50: 4rem;
  --spacing-60: 5rem;
  --spacing-70: 6.5rem;
  --spacing-80: 6rem;
  --spacing-90: 9rem;
  --spacing-100: 8rem;
  --spacing-120: 12rem;
  --spacing-160: 14rem;
  --spacing-180: 18rem;
  --spacing-200: 20rem;
  --shadow-1: 0 .5rem 0.65rem rgba(0,0,0,0.05), 0 .25rem 0.5rem rgba(0,0,0,0.075);
}
:root :focus-visible {
  outline-color: var(--cl-turquois);
}
:root ::-moz-selection {
  background-color: var(--cl-turquois);
  color: var(--cl-white);
}
:root ::selection {
  background-color: var(--cl-turquois);
  color: var(--cl-white);
}
:root ::marker {
  color: var(--cl-turquois);
}
@media (min-width: 768px) {
  :root {
    --fs-14: 1.4rem;
    --fs-16: 1.6rem;
    --fs-18: 1.8rem;
    --fs-20: 2.0rem;
    --fs-24: 2.4rem;
    --fs-32: 3.2rem;
    --fs-34: 3.4rem;
    --fs-64: 6.4rem;
  }
}
@media (min-width: 992px) {
  :root {
    --title-inner-sm: 2.1rem;
    --title-inner-lg: 3.2rem;
  }
}
@media (min-width: 992px) {
  :root {
    --br-small: 1.2rem;
    --br-default: 1rem;
  }
}
@media (min-width: 768px) {
  :root {
    --spacing-10: 1rem;
    --spacing-15: 1.5rem;
    --spacing-20: 2rem;
    --spacing-25: 2.5rem;
    --spacing-30: 3rem;
    --spacing-40: 4rem;
    --spacing-45: 4.5rem;
    --spacing-50: 5rem;
    --spacing-70: 7rem;
    --spacing-60: 6rem;
    --spacing-80: 8rem;
    --spacing-100: 10rem;
    --spacing-160: 16rem;
  }
}