/* <link rel="stylesheet" href="{basePath}/sfsites/c/resource/d2cStyle/styles/variables.css?{versionKey}"> */

:root {
    --dxp-g-heading-font-family: 'Gotham Narrow';
    --dxp-g-root-font-family: 'Gotham Narrow';

    --d2c-color-deep-black: rgb(17, 16, 20); /* #111014 */
    --d2c-color-new-black: rgb(65, 61, 70); /* #413D46 */
    --d2c-color-charcoal: rgba(91, 92, 100, 1); /* #5B5C64 */
    --d2c-color-mid-grey: rgba(110, 106, 115, 1); /* #6E6A73 */
    --d2c-color-white: rgb(255, 255, 255);
    --d2c-color-border: rgb(225, 234, 240); /* #E1EAF0 */
    --d2c-color-disabled-background: rgb(248, 248, 248); /* #F8F8F8 */
    --d2c-color-disabled-border: rgb(213, 214, 223); /* #D5D6DF */
    --d2c-color-disabled-text: rgb(160, 161, 170); /* #A0A1AA */
    --d2c-color-error: rgb(204, 3, 0); /* #CC0300 */
    --d2c-color-fader: rgba(0, 0, 0, 0.6);
    --d2c-color-tomato-orange: rgba(231, 85, 22, 1);
    --d2c-color-orange: rgba(255, 122, 20, 1); /* #FF7A14 */
    --d2c-color-amber-yellow: rgba(252, 179, 21, 1);
    --d2c-color-dark-blue: rgba(15, 88, 138, 1);
    --d2c-color-ocean-blue: rgba(0, 118, 168, 1); /* #0076A8 */
    --d2c-color-sky-blue: rgba(149, 212, 233, 1);
    --d2c-color-light-blue: rgba(231, 246, 253, 1);
    --d2c-color-teal: rgba(61, 122, 146, 1);
    --d2c-color-blue: rgba(122, 156, 175, 1); /* #7A9CAF */
    --d2c-color-blue-gray: rgba(203, 214, 223, 1);
    --d2c-color-bluish-gray: rgb(225, 234, 240); /* #E1EAF0 */
    --d2c-color-highway-green: rgb(18, 102, 54); /* #126636 */
    --d2c-color-highway-green-light: rgba(216, 238, 225, 1);
    --d2c-color-bamboo-green: rgba(107, 164, 58, 1);
    --d2c-color-lime-green: rgba(165, 205, 35, 1);
    --d2c-color-light-gray: rgb(246, 248, 249); /* #F6F8F9 */
    --d2c-color-lighter-gray: rgba(243, 243, 243, 1);
    --d2c-color-lightest-gray: rgba(247, 247, 247, 1);
    --d2c-color-button-hover: rgba(18, 105, 165, 1);
    --d2c-color-fader: rgba(0, 0, 0, 0.60);
    --d2c-color-modal-close: rgba(34, 34, 34, 1);
    --d2c-color-success-background: rgb(237, 245, 211); /* #EDF5D3 */
    --d2c-color-warning-background: rgb(248, 237, 211); /* #F8EDD3 */
    --d2c-color-error-background: rgb(241, 208, 208); /* #F1D0D0 */
    --d2c-color-zero-payment: rgb(26, 26, 26); /* #1A1A2E */
}

@media (min-width: 768px) and (max-width: 1023.98px) {

    :root {
        --dxp-c-section-content-spacing-inline-start-mobile: 1.5rem;
        --dxp-c-section-content-spacing-inline-end-mobile: 1.5rem;
    }

}