/* Ving CRM — theme tokens (dark + light) */

:root,
:root[data-theme="dark"] {
    --bg:           #0a0f1c;
    --bg-elev:      #111729;
    --bg-elev-1:    #14161f;
    --bg-elev-2:    #161e35;
    --surface:      #1a2238;
    --surface-2:    #232c47;
    --border:       #2b3552;
    --border-soft:  #1f2942;

    --text:         #eef2ff;
    --text-mut:     #94a3c5;
    --text-dim:     #64708d;

    --accent:       #6366f1;
    --accent-2:     #818cf8;
    --accent-bg:    rgba(99,102,241,.12);

    --success:      #10b981;
    --success-bg:   rgba(16,185,129,.12);
    --warn:         #f59e0b;
    --warn-bg:      rgba(245,158,11,.12);
    --danger:       #ef4444;
    --danger-bg:    rgba(239,68,68,.12);
    --info:         #06b6d4;
    --info-bg:      rgba(6,182,212,.12);

    --shadow-sm:    0 1px 2px rgba(0,0,0,.4);
    --shadow:       0 4px 16px rgba(0,0,0,.45);
    --shadow-lg:    0 12px 48px rgba(0,0,0,.55);

    --radius-sm:    6px;
    --radius:       10px;
    --radius-lg:    16px;

    color-scheme:   dark;
}

:root[data-theme="light"] {
    --bg:           #f6f8fc;
    --bg-elev:      #ffffff;
    --bg-elev-1:    #ffffff;
    --bg-elev-2:    #fafbfe;
    --surface:      #ffffff;
    --surface-2:    #f4f6fb;
    --border:       #e4e8f1;
    --border-soft:  #eef1f7;

    --text:         #0b1224;
    --text-mut:     #4b5876;
    --text-dim:     #8390ad;

    --accent:       #4f46e5;
    --accent-2:     #6366f1;
    --accent-bg:    rgba(79,70,229,.10);

    --success:      #059669;
    --success-bg:   rgba(5,150,105,.10);
    --warn:         #d97706;
    --warn-bg:      rgba(217,119,6,.10);
    --danger:       #dc2626;
    --danger-bg:    rgba(220,38,38,.10);
    --info:         #0891b2;
    --info-bg:      rgba(8,145,178,.10);

    --shadow-sm:    0 1px 2px rgba(15,23,42,.06);
    --shadow:       0 4px 16px rgba(15,23,42,.08);
    --shadow-lg:    0 12px 48px rgba(15,23,42,.12);

    color-scheme:   light;
}

/* Respect prefers-color-scheme only if user has no preference */
@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        color-scheme: light;
    }
}