/* ==========================================================
   TRADER VITA — DESIGN SYSTEM GLOBAL
   Referência visual principal: dashboard dark premium
========================================================== */

:root{
    /* Shell */
    --tv-bg:#06111b;
    --tv-bg-deep:#040c14;
    --tv-sidebar:#061522;
    --tv-sidebar-soft:#081a29;
    --tv-topbar:#06121d;

    /* Superfícies */
    --tv-card:#0a1927;
    --tv-card-2:#0c1c2b;
    --tv-card-hover:#0e2233;
    --tv-field:#0a1825;

    /* Bordas */
    --tv-border:#142b3d;
    --tv-border-soft:rgba(126,168,203,.12);
    --tv-border-active:rgba(0,218,166,.48);

    /* Texto */
    --tv-text:#f4f8fc;
    --tv-text-2:#a3b7ca;
    --tv-muted:#6d89a3;
    --tv-faint:#4e6a83;

    /* Cores de ação */
    --tv-accent:#00d7a2;
    --tv-accent-2:#00b989;
    --tv-blue:#1684ff;
    --tv-blue-2:#0d6fe5;
    --tv-danger:#ff4d5a;
    --tv-warning:#f6b84a;

    /* Compatibilidade com CSS existente */
    --bg-primary:var(--tv-bg);
    --bg-secondary:var(--tv-sidebar);
    --bg-card:var(--tv-card);
    --primary:var(--tv-blue);
    --primary-light:#43a0ff;
    --success:var(--tv-accent);
    --danger:var(--tv-danger);
    --warning:var(--tv-warning);
    --text-primary:var(--tv-text);
    --text-secondary:var(--tv-text-2);
    --border:var(--tv-border);

    /* Geometria */
    --tv-sidebar-width:214px;
    --tv-topbar-height:64px;
    --tv-radius:9px;
    --tv-radius-lg:11px;
    --tv-radius-sm:7px;

    /* Elevação */
    --tv-shadow:0 14px 40px rgba(0,0,0,.18);
    --tv-glow:0 0 30px rgba(0,215,162,.08);

    --radius:var(--tv-radius-lg);
    --shadow:var(--tv-shadow);
}