:root {
    --color-primary: #1677a8;
    --color-primary-dark: #105979;
    --color-primary-soft: #e8f4f8;
    --color-secondary: #2bae9b;
    --color-accent: #f59e0b;
    --color-success: #16a34a;
    --color-warning: #d97706;
    --color-danger: #dc2626;
    --color-text: #1f2937;
    --color-text-muted: #667085;
    --color-text-light: #98a2b3;
    --color-border: #e5e7eb;
    --color-border-strong: #cbd5e1;
    --color-bg: #f7fafc;
    --color-white: #ffffff;
    --font-sans: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    --font-mono: Consolas, "Courier New", monospace;
    --container-width: 1200px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-14: 56px;
    --space-18: 72px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --shadow-sm: 0 2px 8px rgba(16, 89, 121, .06);
    --shadow-md: 0 8px 24px rgba(16, 89, 121, .10);
    --focus-ring: 0 0 0 3px rgba(22, 119, 168, .24);
    --header-height: 72px;
    --nav-height: 56px;
}