:root {
    color-scheme: light;
    --app-font-sans: "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-color-bg: #eef3f8;
    --app-color-surface: #ffffff;
    --app-color-surface-muted: #f5f8fc;
    --app-color-surface-subtle: #e8eef6;
    --app-color-surface-raised: #ffffff;
    --app-color-border: #d6e0ec;
    --app-color-border-strong: #b9c7d8;
    --app-color-text: #172033;
    --app-color-text-muted: #53657c;
    --app-color-text-subtle: #6b7c91;
    --app-color-primary: #1769d2;
    --app-color-primary-hover: #1157b4;
    --app-color-primary-active: #0d438d;
    --app-color-primary-soft: #eaf3ff;
    --app-color-primary-border: #a9cdf8;
    --app-color-success: #067647;
    --app-color-success-soft: #ecfdf3;
    --app-color-success-border: #abefc6;
    --app-color-warning: #b54708;
    --app-color-warning-soft: #fffaeb;
    --app-color-warning-border: #fedf89;
    --app-color-danger: #b42318;
    --app-color-danger-hover: #912018;
    --app-color-danger-soft: #fef3f2;
    --app-color-danger-border: #fecdca;
    --app-color-info: #175cd3;
    --app-color-info-soft: #eff8ff;
    --app-color-info-border: #b2ddff;
    --app-color-sidebar: #ffffff;
    --app-color-sidebar-raised: #f5f9fe;
    --app-color-sidebar-text: #33445a;
    --app-color-sidebar-muted: #7b8da3;
    --app-shadow-low: 0 2px 8px rgba(25, 48, 78, 0.06);
    --app-shadow-medium: 0 12px 30px rgba(25, 48, 78, 0.11);
    --app-shadow-overlay: 0 24px 64px rgba(13, 31, 54, 0.22);
    --app-radius-sm: 7px;
    --app-radius-md: 10px;
    --app-radius-lg: 14px;
    --app-space-1: 4px;
    --app-space-2: 8px;
    --app-space-3: 12px;
    --app-space-4: 16px;
    --app-space-5: 20px;
    --app-space-6: 24px;
    --app-space-8: 32px;
    --app-control-height: 40px;
    --app-sidebar-width: 252px;
    --app-header-height: 64px;
    --app-content-max-width: 1680px;
    --app-transition-fast: 140ms cubic-bezier(0.2, 0, 0, 1);
    --app-transition-medium: 200ms cubic-bezier(0.2, 0, 0, 1);
    --app-table-row-height: 48px;
    --app-state-min-height: 240px;
    --app-focus-ring: 0 0 0 3px rgba(23, 105, 210, 0.18);
    --app-layer-header: 30;
    --app-layer-sidebar: 40;
    --app-layer-overlay: 50;
    --app-layer-menu: 70;
    --app-layer-toast: 80;
    --app-layer-dialog: 90;
}