$ns: "" !default;

/* latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"),
        url(../Roboto-Regular.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

:root {
    --primary: #1e88e5;
    // 1e88e5 or 196eb9 => Needs further investigations
    --on-primary: white;
    --secondary: #d8701b;
    --on-secondary: black;
    --error: rgb(255, 0, 0);
    --on-error: white;

    --primary-transparent: #196eb917;

    --success: #28a745;
    --on-success: white;
}

$primary: var(--primary) !default;
$on-primary: var(--on-primary) !default;

$secondary: var(--secondary) !default;
$on-secondary: var(--on-secondary) !default;

$error: var(--error) !default;
$on-error: var(--on-error) !default;

$success: var(--success) !default;
$on-success: var(--on-success) !default;

@import "./base/_global.scss";
@import "./base/_btn.scss";
@import "./base/_modal.scss";
@import "./base/_input.scss";
@import "./base/_list.scss";
@import "./base/_header.scss";
@import "./base/_card.scss";
@import "./base/_table.scss";
@import "./base/_scroll";