:root {
    color-scheme: light;

    --dc-color-canvas: #f4f6f9;
    --dc-color-surface: #ffffff;
    --dc-color-surface-subtle: #f8fafc;
    --dc-color-surface-muted: #eef2f6;
    --dc-color-text: #172033;
    --dc-color-text-secondary: #526077;
    --dc-color-text-muted: #69768a;
    --dc-color-border: #d8dee8;
    --dc-color-border-strong: #b8c2d1;
    --dc-color-primary: #245a8d;
    --dc-color-primary-hover: #1b4770;
    --dc-color-primary-active: #143956;
    --dc-color-primary-soft: #e9f1f8;
    --dc-color-focus: #2474c6;
    --dc-color-success: #237a4b;
    --dc-color-success-soft: #eaf6ef;
    --dc-color-warning: #8a5a00;
    --dc-color-warning-soft: #fff6dd;
    --dc-color-danger: #b42318;
    --dc-color-danger-hover: #8f1c14;
    --dc-color-danger-soft: #fef0ee;
    --dc-color-info: #175cd3;
    --dc-color-info-soft: #eff4ff;
    --dc-color-overlay: rgba(15, 23, 36, 0.52);

    --dc-font-sans: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dc-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --dc-text-xs: 0.75rem;
    --dc-text-sm: 0.8125rem;
    --dc-text-md: 0.875rem;
    --dc-text-lg: 1rem;
    --dc-text-xl: 1.25rem;
    --dc-text-2xl: 1.5rem;
    --dc-text-3xl: 1.875rem;
    --dc-leading-tight: 1.25;
    --dc-leading-normal: 1.5;
    --dc-weight-regular: 400;
    --dc-weight-medium: 500;
    --dc-weight-semibold: 600;
    --dc-weight-bold: 700;

    --dc-space-0: 0;
    --dc-space-1: 0.125rem;
    --dc-space-2: 0.25rem;
    --dc-space-3: 0.375rem;
    --dc-space-4: 0.5rem;
    --dc-space-5: 0.75rem;
    --dc-space-6: 1rem;
    --dc-space-7: 1.25rem;
    --dc-space-8: 1.5rem;
    --dc-space-9: 2rem;
    --dc-space-10: 2.5rem;
    --dc-space-11: 3rem;

    --dc-radius-xs: 0.25rem;
    --dc-radius-sm: 0.375rem;
    --dc-radius-md: 0.5rem;
    --dc-radius-lg: 0.75rem;
    --dc-radius-pill: 999px;

    --dc-border: 1px solid var(--dc-color-border);
    --dc-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --dc-shadow-overlay: 0 16px 40px rgba(16, 24, 40, 0.14);
    --dc-focus-ring: 0 0 0 3px rgba(36, 116, 198, 0.24);

    --dc-duration-fast: 100ms;
    --dc-duration-normal: 160ms;
    --dc-duration-slow: 240ms;
    --dc-ease-standard: cubic-bezier(0.2, 0, 0, 1);

    --dc-sidebar-width: 15.5rem;
    --dc-sidebar-collapsed-width: 4.5rem;
    --dc-topbar-height: 3.5rem;
    --dc-content-max: 100rem;
}

html[data-theme="dark"],
body[data-theme="dark"] {
    color-scheme: dark;
    --dc-color-canvas: #0f1724;
    --dc-color-surface: #162033;
    --dc-color-surface-subtle: #1b273a;
    --dc-color-surface-muted: #223047;
    --dc-color-text: #f5f7fa;
    --dc-color-text-secondary: #b8c3d4;
    --dc-color-text-muted: #91a0b6;
    --dc-color-border: #334158;
    --dc-color-border-strong: #4a5b73;
    --dc-color-primary: #6aa9e9;
    --dc-color-primary-hover: #8abcf0;
    --dc-color-primary-active: #a7cdf3;
    --dc-color-primary-soft: rgba(106, 169, 233, 0.13);
    --dc-color-focus: #84adff;
    --dc-color-success: #69c38f;
    --dc-color-success-soft: rgba(105, 195, 143, 0.13);
    --dc-color-warning: #e9b949;
    --dc-color-warning-soft: rgba(233, 185, 73, 0.14);
    --dc-color-danger: #f58b82;
    --dc-color-danger-hover: #ffaaa3;
    --dc-color-danger-soft: rgba(245, 139, 130, 0.13);
    --dc-color-info: #84adff;
    --dc-color-info-soft: rgba(132, 173, 255, 0.13);
    --dc-color-overlay: rgba(2, 6, 15, 0.68);
    --dc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --dc-shadow-overlay: 0 18px 44px rgba(0, 0, 0, 0.34);
    --dc-focus-ring: 0 0 0 3px rgba(132, 173, 255, 0.28);
}