@import './variables';
@import './swarup-breakpoints';
@import './swarup-grid';
@import './swarup-containers';
@import './components/components';
@import './swarup-fonts';
@import './swarup-spacing';
@import './swarup-utils';

:root {
    --theme-primary: rgb(44, 17, 221);
    --theme-secondary: #f9f9f9;
    --theme-surface: #ECEEF1;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    font-size: $f-base;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba($black, 0);
}

body {
    margin: 0;
    font-family: sans-serif;
    font-size: $f-base;
    font-weight: $fw-base;
    line-height: 1.1;
    color: $body-color;
    text-align: left;
    background-color: $body-bg;
}


[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

:focus {
    outline: none;
}