/* =========================
   THEME TOKENS – DARK
   Premium / Lively Dark UI
========================= */

/* Persian Font */
@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;900&display=swap");

:root{

    /* =====================
       TYPOGRAPHY
    ===================== */
    --font-main: "Vazirmatn", system-ui, sans-serif;

    /* =====================
       BACKGROUNDS
    ===================== */
    --bg-main: #0a0e17;
    --bg-sidebar: #070b13;
    --bg-panel: #0f1422;
    --bg-card: #141a2a;
    --bg-card-soft: #101728;

    /* =====================
       TEXT COLORS
    ===================== */
    --text-main: #f6f7ff;
    --text-body: #e1e5ff;
    --text-soft: #bfc6e6;
    --text-muted: #8e97bd;

    /* =====================
       ACCENT
    ===================== */
    --accent-main: #7c8cff;
    --accent-soft: rgba(124,140,255,.16);
    --accent-border: rgba(124,140,255,.28);

    /* =====================
       SEMANTIC
    ===================== */
    --success: #3fd18b;
    --danger: #ff6b6b;
    --danger-soft: rgba(255,107,107,.14);

    /* =====================
       CTA
    ===================== */
    --cta-blue: #2f6bff;
    --cta-blue-dark: #1f4fd8;
    --cta-blue-glow: rgba(47,107,255,.45);

    /* =====================
       BORDERS
    ===================== */
    --border-soft: rgba(255,255,255,.06);
}