:root {

    /* Typography */
    --font-body--family: "Inter", sans-serif;
    --font-heading--family: "Poppins", sans-serif;
    --font-button--family: "Poppins", sans-serif;
    --font-heading--weight:600;

    /* Base Colors */
    --color-background: #FFFFFF;
    --color-foreground: #111111;
    --color-foreground-heading: #0A3D2E;
    --color-foreground-subheading: #db261f;
    --color-primary-button-icon-background: #13382c;
    /* Primary Institutional Green */
    --color-primary: #0A3D2E;
    --color-primary-background: #0A3D2E;
    --color-primary-hover: #145A44;
    --color-primary-background-hover: #145A44;
    
    /* Overlay --swiper-pagination-bullet-inactive-color:*/
    --color-overlay: #1e1f1ee6;
    --swiper-pagination-bullet-inactive-opacity:.9;
    /* Borders */
    --color-border: rgba(10, 61, 46, 0.12);
    --color-border-hover: #C6A75E;

    /* Primary Button */
    --color-primary-button-text: #FFFFFF;
    --color-primary-button-background: #009543;
    --color-primary-button-border: #0A3D2E;

    --color-primary-button-hover-text: #FFFFFF;
    --color-primary-button-hover-background: #145A44;
    --color-primary-button-hover-border: #145A44;

    /* Secondary Button (Outline Gold) */
    --color-secondary-button-text: #f7faf9;
    --color-secondary-button-background: #098e68;
    --color-secondary-button-border: #098e68;

    --color-secondary-button-hover-text: #FFFFFF;
    --color-secondary-button-hover-background: hsl(48, 99%, 38%);
    --color-secondary-button-hover-border: hsl(48, 99%, 38%);
    
    --style-border-width:1px; 
    --color-border:rgb(200 202 205);

    /* Inputs */
    --color-input-background: #F5F6F7;
    --color-input-text: #111111;
    --color-input-border: rgba(0, 0, 0, 0.1);
    --color-input-hover-border: #0A3D2E;

    /* Pagination */
    --pagination-item-foreground: #0A3D2E;
    --pagination-item-background: #F5F6F7;
    --pagination-item-border: #F5F6F7;

    --pagination-item-active-foreground: #FFFFFF;
    --pagination-item-active-background: #0A3D2E;
    --pagination-item-active-border: #0A3D2E;

     --style-border-radius-buttons-primary:7px;
    --style-border-radius-buttons-secondary:7px;
    --style-border-width-inputs:1px;

    /* Shadow (ultra subtle) */
    --color-shadow: rgba(0, 0, 0, 0.05);
  }

  @media (max-width: 767px) {
    :root {
      --font-h1--size: 48px;
      --font-h2--size: 40px;
      --font-h3--size: 28px;
      --font-h4--size: 20px;
      --font-h5--size: 18px;
    }
  }