/* =========================
   THEME TOKENS
========================= */

:root {
    --bg-page: #f8fafc;
    --bg-card: #ffffff;
    --bg-card-header: #f9fafb;
    --bg-soft: #eef2ff;

    --text-primary: #111827;
    --text-secondary: #6b7280;

    --border-color: #e5e7eb;

    --accent: #2563eb;
    --accent-soft: #e0e7ff;

    --success-soft: #ecfdf5;
    --danger-soft: #fef2f2;
}

/* =========================
   DARK MODE
========================= */

[data-theme="dark"],
[data-bs-theme="dark"] {
    --bg-page: #0b1220;
    --bg-card: #111827;
    --bg-card-header: #0f172a;
    --bg-soft: #1e293b;

    --text-primary: #f9fafb;
    --text-secondary: #9ca3af;

    --border-color: #1f2937;

    --accent: #60a5fa;
    --accent-soft: #1e3a8a;

    --success-soft: #064e3b;
    --danger-soft: #7f1d1d;
}