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

:root {
    --dxp-g-heading-font-family: 'playfair-display';
    --dxp-g-root-font-family: 'Inter';

    --b2b-color-white: #FFFFFF;
    --b2b-color-purple: #7668A5;
    --b2b-color-peacoat: #393747;
    --b2b-color-light-peacoat: #746F7A;
    --b2b-color-seashell: #FBF2EF;
    --b2b-color-salmon: #E19189;
    --b2b-color-salmon-hover: #cd837c;
    --b2b-color-link-purple: #503F8A;
    --b2b-color-light-purple: #E9E9F2;
    --b2b-color-lavender: #BBBBDA;
    --b2b-color-disabled-text: rgba(57, 55, 71, 0.5);
    --b2b-color-disabled-border: #CBC6C5;
    --b2b-color-disabled-background: #E9E9F2;
    --b2b-color-disabled-placeholder-text: #747474;
    --b2b-color-placeholder-text: #9CA3AF;
    --b2b-color-border: #E5E7EB;
    --b2b-color-border-1: #E6E6E6;
    --b2b-color-raspberry: #DC759C;
    --b2b-color-border-input: #D1D5DB;
    --b2b-color-border-check: #393847;
    --b2b-color-weak: #444444;
    --b2b-color-icon: #6C6C6C;
    --b2b-color-icon-light: #747474;
    --b2b-color-attention: #C82127;
    --b2b-color-red-40: #BA0517;
    --b2b-border-radius-8: 8px;
    --b2b-color-fader: rgba(0, 0, 0, 0.60);
    --b2b-color-peacoat-70: #74737E;
    --b2b-color-backgroung-tile: #F9FAFB;

    --slds-c-tooltip-color-background: var(--b2b-color-purple);
}

.slds-spinner_container {
    background-color: rgba(255, 255, 255, 0.75) !important;
}