:root {
    --bg: #f7f9fc;
    --surface: #ffffff;
    --surface-soft: #f1f6fb;
    --surface-strong: #e9f1f9;
    --text: #0c1b33;
    --text-muted: #64748b;
    --primary: #0878ff;
    --primary-hover: #0068e5;
    --primary-soft: #eaf3ff;
    --success: #10b981;
    --success-soft: #e7f8f2;
    --warning: #f59e0b;
    --warning-soft: #fff5df;
    --danger: #ef4444;
    --danger-soft: #ffecec;
    --border: #e2e8f0;
    --header-bg: rgba(255,255,255,.88);
    --shadow: 0 18px 55px rgba(15, 23, 42, .10);
    --shadow-soft: 0 8px 25px rgba(15, 23, 42, .07);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 11px;
    --container: 1180px;
}

html[data-theme="dark"] {
    --bg: #071521;
    --surface: #0c1c29;
    --surface-soft: #102534;
    --surface-strong: #142c3d;
    --text: #f8fafc;
    --text-muted: #9eb0c2;
    --primary: #1590ff;
    --primary-hover: #35a0ff;
    --primary-soft: #0d2e50;
    --success: #27d39b;
    --success-soft: #0d3a31;
    --warning: #ffac2f;
    --warning-soft: #3d2b0e;
    --danger: #ff5c5c;
    --danger-soft: #3d1f23;
    --border: #1d3444;
    --header-bg: rgba(7, 21, 33, .88);
    --shadow: 0 22px 60px rgba(0,0,0,.28);
    --shadow-soft: 0 8px 28px rgba(0,0,0,.22);
}