@font-face {
    font-family: "Cisco SansTT";
    src: url("/assets/fonts/CiscoSansTTRegular.woff2");
    font-weight: normal;
}

@font-face {
    font-family: "Cisco SansTT";
    src: url("/assets/fonts/CiscoSansTTLight.woff2");
    font-weight: 300;
}

@font-face {
    font-family: "Cisco SansTT";
    src: url("/assets/fonts/CiscoSansTTBold.woff2");
    font-weight: 600;
}

:root {
    --font-size-s: 1rem;
    --font-size-m: 1.4rem;
    --font-size-l: 2.2rem;
    --font-size-xl: 3rem;
    --spacing-xs: 4px;
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 64px;
    --border-radius-xs: 4px;
    --border-radius-s: 8px;
    --border-radius-m: 12px;
    --border-radius-l: 24px;
}

*:focus {
    outline: none;
}

body {
    box-sizing: border-box;
}