/* ------------------------------ VARIABLES ------------------------------ */
:root {
   /* ===== These variables dictate all font sizes ===== */
   --font-size-xs: clamp(0.6875rem, 0.7rem + 0.1vw, 0.75rem);      /* 11–12px, subtle scale */
   --font-size-sm: clamp(0.8125rem, 0.825rem + 0.12vw, 0.9rem);    /* 13–14.4px, small body text */
   --font-size-base: clamp(0.875rem, calc(0.6563rem + 0.2865vw), 1rem); /* 14px, body, 16px */
   --font-size-md: clamp(1rem, 0.95rem + 0.15vw, 1.125rem);        /* 16–18px, small subheadings */
   --font-size-lg: clamp(1.125rem, 1.05rem + 0.2vw, 1.3125rem);    /* 18–21px, standard subheadings */
   --font-size-xl: clamp(1.3125rem, 1.2rem + 0.25vw, 1.625rem);    /* 21–26px, large headings */
   --font-size-xxl: clamp(1.625rem, 1.5rem + 0.25vw, 2rem);        /* 26–32px, h2 level */
   --font-size-xxxl: clamp(2rem, 1.8rem + 0.3vw, 2.5rem);          /* 32–40px, h1 level */
 
   /* Line Heights */
   --line-height-tight: 1.25;
   --line-height-normal: 1.5;
   --line-height-loose: 1.75;
 
   /* Font Family */
   --font-primary: "Montserrat", sans-serif !important;
 
   /* Spacing */
   --spacing-xs: 0.25rem;
   --spacing-sm: 0.5rem;
   --spacing-md: 1rem;
   --spacing-lg: 2rem;
 
   /* Colors */
   --color-primary: #006c60;
   --adica-grey: #231F20;
   --color-text: #231F20;
   --color-background: #fff;
   --color-light-grey1: #f7f7f7;
   --color-light-grey2: #f0f0f0;
   --color-light-grey3: #e8e8e8;
   --color-border: #ddd;
   --color-highlight: #e2edea;
   --color-highlight-yellow: #fffecc;
   --color-highlight-grey: #ebebeb;
   --color-midnight-blue: #062d51;
   --color-redwood: #a45543;
   --color-rose: #f27081;
   --color-olive: #A5B48F;
   --color-plum: #854d74;
   --color-gold: #9f8552;
   --color-coral: #f58758;
 
   --border-radius: 4px;
   --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}

@media (min-width: 1921px) {
  :root {
    --font-size-xs: clamp(0.75rem, calc(0.75rem + 0.15vw - 2.88px), 0.875rem);
    --font-size-sm: clamp(0.9rem, calc(0.9rem + 0.2vw - 3.84px), 1rem);
    --font-size-base: clamp(1rem, calc(1rem + 0.25vw - 4.8px), 1.25rem);
    --font-size-md: clamp(1.125rem, calc(1.125rem + 0.25vw - 4.8px), 1.375rem);
    --font-size-lg: clamp(1.3125rem, calc(1.3125rem + 0.3vw - 5.76px), 1.625rem);
    --font-size-xl: clamp(1.625rem, calc(1.625rem + 0.3vw - 5.76px), 1.875rem);
    --font-size-xxl: clamp(2rem, calc(2rem + 0.35vw - 6.72px), 2.5rem);
    --font-size-xxxl: clamp(2.5rem, calc(2.5rem + 0.4vw - 7.68px), 3rem);
  }
}