:root {
    --color-primary-black: #000;
    --color-primary-white: #fff;
}

:root {
    --color-brand-corporate-blue: #00447C;
    --color-brand-sky-blue: #0096D6;
    --color-brand-light-grey: #F8FAFA;
    --color-brand-grey: #9FA1A4;
    --color-brand-dark-grey: #565A5C;
    --color-brand-black-70: #6D6E71;
    --color-brand-black-100: #231F20;
    --color-brand-red: #B30838;
    --color-brand-orange: #F58025;
    --color-brand-lime: #8DC63F;
}

:root {
    --color-link-normal: var(--color-brand-corporate-blue);
    --color-link-hover: var(--color-brand-corporate-blue);
    --color-link-visited: var(--color-brand-black-70);
}

:root {
    --color-alert-container-background: var(--color-primary-white);
    --color-alert-background-info: var(--color-brand-sky-blue);
    --color-alert-background-warning: var(--color-brand-orange);
    --color-alert-background-critical: var(--color-brand-red);
    --color-alert-text-info: var(--color-brand-black-100);
    --color-alert-text-warning: var(--color-brand-black-100);
    --color-alert-text-critical: var(--color-primary-white);
    --color-alert-icon-info:  var(--color-primary-white);
    --color-alert-icon-warning:  var(--color-primary-white);
    --color-alert-icon-critical:  var(--color-primary-white);
}

:root {
    --font-size-body: 1.6rem;
    --font-size-h1: 4rem;
    --font-size-h2: 4rem;
    --font-size-h3: 2.4rem;
    --font-size-h4: 2rem;
    --font-size-h5: 1.8rem;
    --font-size-h6: 1.6rem;
}

:root {
    --font-weight-body: 400;
    --font-weight-h1: 500;
    --font-weight-h2: 500;
    --font-weight-h3: 700;
    --font-weight-h4: 500;
    --font-weight-h5: 700;
    --font-weight-h6: 700;
}

:root {
    --line-height-body: 1.5;
    --line-height-h1: calc(48 / 40);
    --line-height-h2: calc(48 / 40);
    --line-height-h3: calc(32 / 24);
    --line-height-h4: calc(26 / 20);
    --line-height-h5: calc(28 / 18);
    --line-height-h6: calc(28 / 16);
}

/*This is messing with text color scheme headers, disabling for now*/
/*:root {*/
/*    --color-h1: var(--color-brand-corporate-blue);*/
/*}*/

:root {
    --font-family-main: "Clarity City", sans-serif;
}

:root {
    --bu: 1rem;
}

:root {
    --content-width-large: 144rem;
    --content-width-medium: 96rem;
    --content-width-small: 72rem;
}

@media screen and (width <= 1440px) {
    :root {
        --content-width-large: 100%;
    }
}

@media screen and (width <= 960px) {
    :root {
        --content-width-medium: 100%;
    }
}

:root {
    --size-xxx-small: 0.25rem;
    --size-xx-small: calc(var(--size-xxx-small) * 2);
    --size-x-small: calc(var(--size-xx-small) * 2);
    --size-small: calc(var(--size-xx-small) * 4);
    --size-medium: calc(var(--size-xx-small) * 8);
    --size-large: calc(var(--size-xx-small) * 16);
    --size-x-large: calc(var(--size-xx-small) * 32);
    --size-xx-large: calc(var(--size-xx-small) * 64);
}

:root {
    --border-radius-common: 1.2rem;
    --border-radius-large: 2rem;
}

:root {
    --minimum-inline-padding: var(--size-medium);
}

:root {
    --cookie-banner-z-index: 3;
}

:root {
    /* NOTE: You must manually coordinate changes here with hooks-theme.php */
    --background-image-blue-gradient: url("/wp-content/themes/inland-2025-theme/images/blue-gradient-background.avif");
    --background-blue-gradient-l2: url("/wp-content/themes/inland-2025-theme/images/l2-hero-blue-background-gradient.avif") no-repeat top;
}