@import "./overrides.css";

/* Variables */
:root {
    /* Borders */
    --border: 1px solid #DFE1E1;

    /* Colors */
    --bg-color: #edeff2;
    --white-color: #FFF;
    --light-turquoise-color: #E0F7F4;
    --teal-green-color: #007C68;
    --turquoise-green-color: #00c3a5;
    --black-text-color: #1B2734;
    --border-light-color: #E2E2E2;
    --deep-teal-color: #006A59;
    --mint-light-color: #C1F5E7;
    --pale-mint-color: #DFF9F2;
    --charcoal-gray-color: #242727;
    --semi-transparent-white: #ffffff33;
    --royal-blue-color: #3D83DF;
    --cobalt-blue-color: #1662C6;
    --text-secondary: #565F5F;

    /* Fonts */
    --figtree-font-family: var(--lwc-fontFamilyHeader);
    --roboto-font-family: var(--lwc-fontFamily);

    /* Spacing */
    --space-x_sm: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --space-x_lg: 4rem;
}

h1, h2, h3, h4 {
    font-weight: 600;
}

h1 {
    font-size: 2.5rem !important;
    line-height: 3rem;
}

h2 {
    font-size: 2rem !important;
    line-height: 2.5rem;
}

h3 {
    font-size: 1.5rem !important;
    line-height: 2rem;
}

h4 {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
}

p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--figtree-font-family);
}

.font-weight__600 {
    font-weight: 600;
}

.text-color_contract {
    color: var(--dxp-g-brand-contrast);
}

.article-subtitle {
    span {
        font-family: var(--figtree-font-family);
        font-size: 1.25rem !important;
        color : var(--black-text-color);
    }
}

@media (max-width: 37.5rem) {
    h2 {
        font-size: 1.5rem !important;
        line-height: 2rem;
    }
}