/**
 * Vizzo — tema claro (padrão) e escuro via html[data-theme="dark"]
 */

/* ——— Tema claro (padrão) ——— */
:root{
    --bg-main:#F5F9FF;
    --bg-page:#F8FBFF;
    --bg-secondary:#EAF3FF;
    --bg-card:#FFFFFF;
    --bg-card-dark:#FFFFFF;
    --bg-soft:#EAF3FF;
    --bg-hover:#EEF6FF;

    --primary:#005AF6;
    --primary-dark:#032E8E;
    --primary-light:#1796FF;
    --accent-cyan:#06B6D4;
    --accent-blue:#2563EB;
    --primary-soft:rgba(0,90,246,.1);
    --accent-cyan-soft:rgba(6,182,212,.12);

    --text-main:#102A43;
    --text-title:#0F172A;
    --text-secondary:#64748B;
    --text-muted:#94A3B8;
    --text-white:#FFFFFF;

    --border-soft:#D8E6F5;
    --border-medium:rgba(0,90,246,.22);
    --border-strong:#1796FF;
    --border-light:#E6EEF8;
    --shadow-card:0 10px 30px rgba(37,99,235,.08);
    --shadow-soft:0 6px 18px rgba(16,42,67,.06);
    --shadow-blue:0 0 20px rgba(0,90,246,.12);
    --shadow-cyan:0 0 20px rgba(6,182,212,.12);

    --success:#16A34A;
    --success-soft:#DCFCE7;
    --warning:#F59E0B;
    --warning-soft:#FEF3C7;
    --danger:#DC2626;
    --danger-soft:#FEE2E2;
    --info:#2563EB;
    --info-soft:#DBEAFE;
    --neutral:#94A3B8;

    --chart-blue:#2563EB;
    --chart-blue-light:#60A5FA;
    --chart-cyan:#06B6D4;
    --chart-green:#16A34A;
    --chart-orange:#F59E0B;
    --chart-red:#DC2626;
    --chart-purple:#7C3AED;

    --gradient-main:linear-gradient(135deg,#2563EB 0%,#06B6D4 100%);
    --gradient-dark:linear-gradient(135deg,#EAF3FF 0%,#FFFFFF 100%);
    --gradient-button:linear-gradient(135deg,#1796FF 0%,#005AF6 100%);
    --gradient-card:linear-gradient(145deg,#FFFFFF 0%,#F8FBFF 100%);
    --gradient-blue:var(--gradient-button);
    --gradient-soft:linear-gradient(135deg,#EAF3FF 0%,#FFFFFF 100%);

    --bg-app:var(--bg-main);
    --card-bg:var(--bg-card);
    --border:var(--border-soft);
    --text-faint:var(--text-muted);
    --shadow:var(--shadow-card);
    --secondary:var(--chart-purple);
    --secondary-light:var(--primary-light);
    --success-strong:var(--success);
    --purple-soft:#EDE9FE;
    --dash-bg:var(--bg-page);
    --dash-bg-soft:var(--bg-soft);
    --dash-surface:var(--bg-card);
    --dash-surface-soft:var(--bg-soft);
    --dash-surface-muted:var(--bg-hover);
    --dash-border:var(--border-soft);
    --dash-border-strong:var(--border-soft);
    --dash-text:var(--text-main);
    --dash-text-soft:var(--text-secondary);
    --dash-text-faint:var(--text-muted);
    --dash-primary:var(--primary);
    --dash-primary-dark:var(--primary-dark);
    --dash-primary-soft:var(--primary-soft);
    --dash-primary-soft-strong:#BFDBFE;
    --dash-success:var(--success);
    --dash-success-dark:var(--success);
    --dash-success-soft:var(--success-soft);
    --dash-success-soft-strong:var(--success-soft);
    --dash-warning:var(--warning);
    --dash-warning-soft:var(--warning-soft);
    --dash-danger:var(--danger);
    --dash-danger-soft:var(--danger-soft);
    --dash-neutral:var(--bg-soft);
    --dash-neutral-text:var(--text-secondary);
    --dash-shadow:var(--shadow-card);
    --dash-shadow-soft:var(--shadow-soft);
    --bg:var(--bg-main);
    --sidebar:var(--bg-card);
    --card:var(--bg-card);
    --text:var(--text-main);
    --muted:var(--text-secondary);
    --muted-2:var(--text-muted);

    color-scheme:light;
}

/* ——— Tema escuro Vizzo ——— */
html[data-theme="dark"]{
    --bg-main:#020B2F;
    --bg-page:#031238;
    --bg-secondary:#07163F;
    --bg-card:#0A225C;
    --bg-card-dark:#061537;
    --bg-soft:rgba(23,150,255,.08);
    --bg-hover:#0D2A6B;

    --primary-soft:rgba(23,195,255,.12);
    --accent-cyan-soft:rgba(23,195,255,.12);

    --text-main:#FFFFFF;
    --text-title:#F8FAFC;
    --text-secondary:#B8C7E6;
    --text-muted:#7E93BF;

    --border-soft:rgba(23,150,255,.25);
    --border-medium:rgba(23,195,255,.35);
    --border-light:var(--border-soft);
    --shadow-card:0 10px 30px rgba(0,0,0,.35);
    --shadow-soft:0 6px 18px rgba(0,0,0,.28);
    --shadow-blue:0 0 24px rgba(0,90,246,.25);
    --shadow-cyan:0 0 24px rgba(23,195,255,.25);

    --success-soft:rgba(24,211,158,.15);
    --warning-soft:rgba(255,176,32,.15);
    --danger-soft:rgba(255,90,106,.15);
    --info-soft:rgba(23,195,255,.15);

    --gradient-main:linear-gradient(135deg,#17C3FF 0%,#005AF6 55%,#032E8E 100%);
    --gradient-dark:linear-gradient(135deg,#020B2F 0%,#07163F 50%,#0A225C 100%);
    --gradient-card:linear-gradient(145deg,rgba(7,22,63,.95),rgba(10,34,92,.85));
    --gradient-soft:var(--gradient-dark);

    --card-bg:var(--bg-card-dark);
    --purple-soft:rgba(124,58,237,.15);
    --dash-primary-soft-strong:rgba(23,195,255,.2);
    --sidebar:var(--bg-secondary);

    color-scheme:dark;
}