:root {
    --color-primary: #0a6ed1;
    --color-primary-hover: #085caf;
    --color-shell: #223548;
    --color-sidebar: #354a5f;
    --color-sidebar-active: #0a6ed1;
    --color-background: #f5f6f7;
    --color-surface: #fff;
    --color-surface-muted: #f7f8f9;
    --color-border: #d9dde2;
    --color-border-strong: #b8c0c8;
    --color-text: #1d2d3e;
    --color-text-muted: #5b6b7a;
    --color-success: #107e3e;
    --color-warning: #e9730c;
    --color-danger: #bb0000;
    --color-information: #0a6ed1;
    --color-neutral: #6a6d70;
    --shadow-subtle: 0 1px 3px rgba(29,45,62,.12);
    --radius-small: 3px;
    --radius-medium: 5px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
}