/* ========================================================================== 
   Galdana variables
   ========================================================================== */
   :root {
    --gldn-white: #FFFFFF;
    --gldn-grey: #333333;
    --gldn-dark-blue: #00182E;
    --gldn-mid-blue: #005E84;
    --gldn-light-blue: #00AABF;
    --gldn-font-default: "Montserrat";
    --gldn-font-weight-default: 300;
    --gldn-font-size-default: 22px;
    --gldn-font-size-small: 16px;
    --gldn-line-height-default: 32px;
    --gldn-font-heading: "Zodiak";
    --gldn-font-size-h1: 72px;
    --gldn-font-weight-heding: 100;
    --gldn-line-height-h1: 73px;
    --gldn-font-size-h2: 48px;
    --gldn-line-height-h2: 58px;
    --gldn-font-size-intro: 26px;
    --gldn-line-height-intro: 40px;
}

/* ========================================================================== 
   Elementor variables
   ========================================================================== 

body {
    --e-global-color-primary: #FFFFFF;
    --e-global-color-secondary: #333333;
    --e-global-color-text: #00182E;
    --e-global-color-accent: #005E84;
    --e-global-color-66d63f9: #00AABF;
    --e-global-typography-primary-font-family: "Zodiak";
    --e-global-typography-primary-font-size: 72px;
    --e-global-typography-primary-font-weight: 100;
    --e-global-typography-primary-line-height: 73px;
    --e-global-typography-secondary-font-family: "Zodiak";
    --e-global-typography-secondary-font-size: 48px;
    --e-global-typography-secondary-font-weight: 100;
    --e-global-typography-secondary-line-height: 58px;
    --e-global-typography-text-font-family: "Montserrat";
    --e-global-typography-text-font-size: 22px;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-text-line-height: 32px;
    --e-global-typography-accent-font-family: "Zodiak";
    --e-global-typography-accent-font-size: 36px;
    --e-global-typography-accent-font-weight: 300;
    --e-global-typography-accent-line-height: 42px;
    --e-global-typography-3a66cb5-font-family: "Zodiak";
    --e-global-typography-3a66cb5-font-size: 26px;
    --e-global-typography-3a66cb5-font-weight: 100;
    --e-global-typography-3a66cb5-line-height: 40px;
}

/* ========================================================================== 
   Media Queries for Responsive Typography
   ========================================================================== */

/* For screens larger than 1024px */
@media (min-width: 1024px) {
    :root {
        --gldn-font-size-h1: 72px;
        --gldn-font-size-h2: 48px;
        --gldn-font-size-intro: 26px;
    }

    body {
        --e-global-typography-primary-font-size: 72px;
        --e-global-typography-secondary-font-size: 48px;
        --e-global-typography-text-font-size: 22px;
        --e-global-typography-accent-font-size: 36px;
        --e-global-typography-3a66cb5-font-size: 26px;
    }
}

/* For screens between 767px and 1024px */
@media (min-width: 767px) and (max-width: 1024px) {
    :root {
        --gldn-font-size-h1: 60px;
        --gldn-font-size-h2: 40px;
        --gldn-font-size-intro: 22px;
    }

    body {
        --e-global-typography-primary-font-size: 60px!important;
        --e-global-typography-secondary-font-size: 40px!important;
        --e-global-typography-text-font-size: 20px!important;
        --e-global-typography-accent-font-size: 32px!important;
        --e-global-typography-3a66cb5-font-size: 22px!important;
    }
}

/* For screens smaller than 767px */
@media (max-width: 767px) {
    :root {
        --gldn-font-size-h1: 48px;
        --gldn-font-size-h2: 32px;
        --gldn-font-size-intro: 18px;
        --gldn-font-size-small: 14px;
    }

    body {
        --e-global-typography-primary-font-size: 48px!important;
        --e-global-typography-secondary-font-size: 32px!important;
        --e-global-typography-text-font-size: 18px!important;
        --e-global-typography-accent-font-size: 28px!important;
        --e-global-typography-3a66cb5-font-size: 18px!important;
    }
}