:root {
    color-scheme: light;

    --font-ui: "IBM Plex Sans", Arial, sans-serif;
    --font-mono: "IBM Plex Mono", Consolas, monospace;

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;

    --surface-page: #f4f4f4;
    --surface-primary: #ffffff;
    --surface-secondary: #e8e8e8;
    --surface-hover: #e0e0e0;
    --surface-selected: #d0e2ff;
    --surface-inverse: #161616;
    --surface-login: #808080;
    --surface-login-panel: #4f4f4f;

    --text-primary: #161616;
    --text-secondary: #525252;
    --text-placeholder: #6f6f6f;
    --text-inverse: #f4f4f4;
    --text-disabled: #8d8d8d;

    --border-subtle: #c6c6c6;
    --border-strong: #8d8d8d;
    --focus: #0f62fe;
    --link: #0f62fe;
    --brand-red: #e30613;

    --signal-red: #fa4d56;
    --signal-red-dark: #a2191f;
    --signal-green: #42be65;
    --signal-green-dark: #198038;
    --signal-yellow: #f1c21b;
    --signal-yellow-dark: #8e6a00;
    --signal-blue: #4589ff;
    --signal-blue-dark: #0043ce;

    --section-back-office: #0f62fe;
    --section-utilities: #24a148;
    --section-pdf: #8a3ffc;
    --section-resources: #ff832b;

    --control-height: 2.5rem;
    --header-height: 3rem;
    --content-width: 92rem;
    --radius-small: .125rem;
    --shadow-popover: 0 .5rem 1.5rem rgba(0, 0, 0, .18);
    --transition-fast: 120ms ease;
}