:root {
    --a-breakpoints-s-up: 0px;
    --a-breakpoints-m-up: 600px;
    --a-breakpoints-l-up: 960px;
    --a-breakpoints-xl-up: 1280px;
    --background-default: rgb(250, 251, 252);
    --background-surface: #ffffff;
    --border-focus: #4C9AFF;
    --border-neutral: #DFE1E6;
    /* Text */
    --text-highEmphasis: #172B4D;
    --text-lowEmphasis: #6B778C;
    --text-link-resting: #0052CC;
    --text-link-pressed: #0747A6;
    /* Shadows */
    --shadow-one: rgb(9 30 66 / 13%) 0px 2px 2px -1px,                    rgb(9 30 66 / 8%) 0px 4px 4px -2px,                    rgb(9 30 66 / 0%) 0px 4px 4px -2px;
    --shadow-overflow: 0px 0px 8px rgba(9, 30, 66, 0.16),                    0px 0px 1px rgba(9, 30, 66, 0.12);
    --shadow-raised: 0px 1px 1px rgba(9, 30, 66, 0.25),                    0px 0px 1px rgba(9, 30, 66, 0.31);
    /* Components */
    /* Topbar */
    --topBar-height: 56px;
    --topBar-background: #1D2125;
    --zIndex-topbar: 1201;
    /* Navigation */
    --navigation-width: 260px;
    --navigation-background: var(--background-default);
    --navigation-border: 1px solid rgb(229, 232, 236);
}