:root {
    /* Light Mode */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-sidebar: #ffffff;
    --bg-header: #ffffff;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --accent-color: #0d6efd;
    --accent-hover: #0b5ed7;
    --status-online: #198754;
    --status-offline: #dc3545;
    --sidebar-width: 200px;
    --header-height: 60px;
    --shadow: 0 2px 4px rgba(0,0,0,0.05);
    /* 字号体系 (基准 16px) */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.0625rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
}

[data-theme="dark"] {
    /* Dark Mode */
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-sidebar: #1e1e1e;
    --bg-header: #1e1e1e;
    --text-primary: #e1e1e1;
    --text-secondary: #a0a0a0;
    --border-color: #333333;
    --accent-color: #375a7f;
    --accent-hover: #4b75a4;
    --status-online: #28a745;
    --status-offline: #dc3545;
    --shadow: 0 4px 8px rgba(0,0,0,0.3);
}