@import './design/colors/immutables.css';
@import './design/colors/interactions.css';
@import './design/colors/mutables.css';
@import './design/colors/semantics.css';
@import './design/colors/syncfusion.css';
@import './design/colors/bootstrap.css';
@import './design/others.css';
@import './design/states.css';

:root {
    --default-font-family: 'Figtree', serif;
    --default-font-size: 1rem;
    --grid-font-size: 0.875rem;

    --b2w-dark-rgb: #212529;
    --b2w-neutral-ghostWhite: #F6F6F8;
    --b2w-neutral-waikawaGrey: #616A7F;
    --blazor-load-percentage-text: '';
}


@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-VariableFont_wght.ttf');
}

body {
    font-family: var(--default-font-family), serif;
    font-size: var(--default-font-size);
    min-height: 100vh;
}

.e-control {
    font-family: var(--default-font-family), serif !important;
}

a[disabled] {
    color: var(--color-sf-content-text-color-disabled) !important;
    cursor: default !important;
}

::-ms-reveal {
    display: none;
}

/* Can Add the Runtime Download Progess Here
#bootLoadingIndicator .e-spinner-inner::after{
    content:var(--blazor-load-percentage-text,'');
}*/