:root {
    --primary: #1e3a5f;
    --primary-light: #2c5282;
    --accent: #e67e22;
    --success: #10b981;
    --success-bg: rgba(16,185,129,0.12);
    --error: #ef4444;
    --error-bg: rgba(239,68,68,0.12);
    --warning: #f59e0b;
    --warning-bg: rgba(245,158,11,0.12);
    --bg: #f5f7fa;
    --card-bg: #ffffff;
    --text: #1f2937;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.12);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px;
    --fs-lg: 18px; --fs-xl: 22px; --fs-xxl: 28px;
    --sp-xs: 4px; --sp-sm: 8px; --sp-md: 16px;
    --sp-lg: 24px; --sp-xl: 32px;
}
[data-theme="dark"] {
    --primary: #5dade2;
    --primary-light: #85c1e9;
    --bg: #0f172a;
    --card-bg: #1e293b;
    --text: #f1f5f9;
    --text-muted: #94a3b8;
    --border: #334155;
}