:root {
    /* Core colors */
    --lhg-color-brand-core-blue: #243F9B;
    --lhg-color-brand-light-blue: #5291ED;
    --lhg-color-brand-deep-blue: #05164D;
    --lhg-color-brand-white: #FFFFFF;
    --lhg-color-brand-red: #BD0A1C;
    --lhg-color-brand-teal: #37808A;
    --lhg-color-brand-purple: #A82E61;
    --lhg-color-brand-sand: #847460;

    /* Grayscale */
    --lhg-color-brand-gray-25: #F9F8F8;
    --lhg-color-brand-gray-100: #E3E1DE;
    --lhg-color-brand-gray-300: #AEAAA6;
    --lhg-color-brand-gray-500: #7A7673;
    --lhg-color-brand-gray-800: #322F2E;
    --lhg-color-brand-black: #000000;

    /* Semantic colors */
    --Tints-Sand-2: #F5EFE7;
    --Tints-Blue-2: #E5F1FF;

    /* Gradients */
    --lhg-gradient-brand-core-blue: linear-gradient(135deg, #3257BC 0%, #05164D 100%);
    --lhg-gradient-brand-light-blue: linear-gradient(135deg, #5291ED 0%, #243F9B 100%);
    --lhg-gradient-brand-red: linear-gradient(135deg, #FF526B 0%, #93030C 100%);
    --lhg-gradient-brand-teal: linear-gradient(135deg, #4B9DA1 0%, #1C4C5C 100%);
    --lhg-gradient-brand-purple: linear-gradient(135deg, #C775B5 0%, #841E45 100%);
    --lhg-gradient-brand-sand: linear-gradient(135deg, #9C8F7A 0%, #554335 100%);

    /* Brand */
    --lhg-color-brand-primary: var(--lhg-color-brand-core-blue);
    --lhg-color-brand-secondary: var(--lhg-color-brand-light-blue);
    
    /* Text colors */
    --lhg-color-text-primary: var(--lhg-color-brand-deep-blue);
    --lhg-color-text-secondary: var(--lhg-color-brand-white);

    /* Override MAUI font variables with LHG fonts */
    --maui-font-family-headline: 'LHG Head', sans-serif;
    --maui-font-family-body: 'LHG Text', sans-serif;
    
    /* LHG font variables */
    --lhg-font-family-head: 'LHG Head', sans-serif;
    --lhg-font-family-text: 'LHG Text', sans-serif;
    --lhg-font-family-serif: 'LHG Serif', serif;
}

/* Set base font and text color for the body */
body {
    font-family: var(--lhg-font-family-text);
    color: var(--lhg-color-text-primary);
}

.logo img {
    display: block;
    max-width: 250px;
    height: auto;
}
.logo-mobile img {
    display: block;
    max-width: 100px;
    height: auto;
}

/* LHG Text Font Family */
@font-face {
    font-family: 'LHG Text';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Light.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Light.woff') format('woff');
}

@font-face {
    font-family: 'LHG Text';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-LightItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'LHG Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Regular.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Regular.woff') format('woff');
}

@font-face {
    font-family: 'LHG Text';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-RegularItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-RegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'LHG Text';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Bold.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-Bold.woff') format('woff');
}

@font-face {
    font-family: 'LHG Text';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-BoldItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Text-web/LHGTextWEB-BoldItalic.woff') format('woff');
}

/* LHG Head Font Family */
@font-face {
    font-family: 'LHG Head';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Thin.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Thin.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-ThinItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-ThinItalic.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Light.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Light.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-LightItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Medium.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Medium.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Bold.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-Bold.woff') format('woff');
}

@font-face {
    font-family: 'LHG Head';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-BoldItalic.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Head-web/LHGHeadWEB-BoldItalic.woff') format('woff');
}

/* LHG Serif Font Family */
@font-face {
    font-family: 'LHG Serif';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Serif-web/LHGSerifWEB-Light.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Serif-web/LHGSerifWEB-Light.woff') format('woff');
}

@font-face {
    font-family: 'LHG Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        url('../fonts/LHG_Fonts_Web/LHG_Font_Serif-web/LHGSerifWEB-Regular.woff2') format('woff2'),
        url('../fonts/LHG_Fonts_Web/LHG_Font_Serif-web/LHGSerifWEB-Regular.woff') format('woff');
}