:root {
    --clio-font-family: "Roboto", "Segoe UI", system-ui, sans-serif;
    --clio-page-background: #f6f8fa;
    --clio-page-surface: #ffffff;
    --clio-page-foreground: #3f3f46;
    --clio-sidebar-background: #101010;
    --clio-sidebar-foreground: #ffffff;
    --clio-sidebar-accent: #ffcc33;
    --clio-brand-primary: #204978;
    --clio-brand-info: #3689e7;
    --clio-footer-background: #d9d9d9;
    --clio-scrollbar-thumb: #9f9f9f;
    --clio-scrollbar-track: #f1f1f1;
}