/* ===========================
   CSS Variables & Dark Mode
   =========================== */
:root {
    --bg-color: #f0f0f5;
    --text-dark: #282c3f;
    --text-light: #686b78;
    --primary-orange: #fc8019;
    --white: #ffffff;
    --sidebar-bg: #ffffff;
    --shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}

body.dark-mode {
    --bg-color: #171a29;
    --text-dark: #f8fafc;
    --text-light: #93959f;
    --white: #282c3f;
    --sidebar-bg: #282c3f;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
body { background-color: var(--bg-color); color: var(--text-dark); transition: background-color 0.3s, color 0.3s; }