:root {
    --co-sidebar-width: 250px;
    --co-topbar-height: 4.5rem;
    --co-color-bg: #ffffff;
    --co-color-surface: #f8f9fa;
    --co-color-surface-strong: #e9ecef;
    --co-color-surface-hover: #eef1f4;
    --co-color-text: #212529;
    --co-color-text-strong: #000000;
    --co-color-muted: #6c757d;
    --co-color-border: #dee2e6;
    --co-color-control-border: #ced4da;
    --co-color-link: #0d6efd;
    --co-color-link-hover: #0a58ca;
    --co-color-action: #6c757d;
    --co-color-action-hover: #5c636a;
    --co-color-action-danger: #dc3545;
    --co-color-action-danger-hover: #bb2d3b;
    --co-color-action-success: #198754;
    --co-color-action-success-hover: #157347;
    --co-color-action-text: #ffffff;
    --co-color-disabled-bg: #fbfbfb;
    --co-color-disabled-text: #999999;
    --co-color-danger: #842029;
    --co-color-danger-border: #f5c2c7;
    --co-color-danger-bg: #f8d7da;
    --co-color-validation: #dc3545;
    --co-color-warning: #664d03;
    --co-color-warning-border: #ffecb5;
    --co-color-warning-bg: #fff3cd;
    --co-color-info: #055160;
    --co-color-info-border: #b6effb;
    --co-color-info-bg: #cff4fc;
    --co-color-success: #0f5132;
    --co-color-success-border: #badbcc;
    --co-color-success-bg: #d1e7dd;
    --co-font-size-xs: 0.8125rem;
    --co-font-size-sm: 0.875rem;
    --co-page-width-constrained: 45rem;
    --co-page-width-medium: 55rem;
    --co-radius: 0.375rem;
    --co-radius-sm: 0.25rem;
    --co-radius-pill: 999px;
    --co-border-subtle: 1px solid var(--co-color-border);
    --co-border-control: 1px solid var(--co-color-control-border);
    --co-shadow-menu: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
    --co-shadow-card: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.06);
    --co-focus-ring: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}