/* ===============================
   THEME VARIABLES
================================ */
:root {
    --bg: #ffffff;
    --bg-soft: #f9fafb;
    --bg-card: #ffffff;

    --text: #111827;
    --text-soft: #6b7280;

    --border: #e5e7eb;
    --hover: #f3f4f6;

    --primary: #22c55e;
    --danger: #dc2626;
    --info: #2563eb;
}

/* ===============================
   DARK THEME
================================ */
body.dark {
    --bg: #020617;
    --bg-soft: #020617;
    --bg-card: #020617;

    --text: #e5e7eb;
    --text-soft: #9ca3af;

    --border: #1f2933;
    --hover: #1e293b;
}