:root {
    --bg: #f4f6f8;
    --surface: #ffffff;
    --surface-soft: #eef2f6;
    --text: #17202a;
    --text-muted: #687386;
    --border: #d9e0e8;
    --primary: #1f5eff;
    --primary-hover: #174bd1;
    --success: #168a4a;
    --warning: #c77700;
    --danger: #c93838;
    --info: #236a99;
    --shadow: 0 6px 18px rgba(20, 35, 60, 0.08);
    --radius: 12px;
    --header-height: 68px;
}

html[data-theme="dark"] {
    --bg: #151922;
    --surface: #202633;
    --surface-soft: #2b3342;
    --text: #ecf1f7;
    --text-muted: #aab4c2;
    --border: #3a4353;
    --primary: #6b91ff;
    --primary-hover: #86a5ff;
    --success: #55b97d;
    --warning: #e2a447;
    --danger: #e56b6b;
    --info: #6aa8d7;
    --shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}