/* =============================================================================
   Vetrun Design System — tokens
   Portado do pacote "Vetrun_ Melhorias Dashboard rev2" (_ds/.../tokens/*.css).
   Dark e o padrao; .vt-light sobrescreve as variaveis mantendo a mesma paleta.
   Nenhuma cor deve ser escrita fora daqui: as telas consomem sempre var(--*).
   ============================================================================= */

:root {
    /* --- Base (dark) --- */
    --bg-0: #0a0812;          /* fundo da pagina, quase preto com viés violeta */
    --bg-1: #100d1a;          /* fundo elevado */
    --surface-1: #171322;     /* cards, paineis */
    --surface-2: #1f1a2c;     /* hover / superficies aninhadas */
    --border-1: rgba(255,255,255,.08);
    --border-2: rgba(255,255,255,.14);

    --fg-1: #f5f4f8;          /* titulos, texto primario */
    --fg-2: #b9b3c6;          /* texto corrido */
    --fg-3: #7d7690;          /* apoio, legendas */

    /* --- Acento (violeta) --- */
    --accent-1: #8b5cf6;      /* acoes primarias */
    --accent-2: #a78bfa;      /* hover, links */
    --accent-3: #c4b5fd;      /* destaque, texto de badge */
    --accent-deep: #6d3ff2;   /* pressionado */
    --accent-soft: rgba(139,92,246,.14);
    --accent-border: rgba(139,92,246,.35);

    /* --- Semantico --- */
    --success: #34d399;
    --success-soft: rgba(52,211,153,.14);
    --warning: #fbbf24;
    --warning-soft: rgba(251,191,36,.14);
    --danger: #f87171;
    --danger-soft: rgba(248,113,113,.14);
    --info: var(--accent-2);

    /* --- Aliases semanticos --- */
    --text-heading: var(--fg-1);
    --text-body: var(--fg-2);
    --text-muted: var(--fg-3);
    --text-highlight: var(--accent-3);
    --text-on-accent: #ffffff;
    --surface-page: var(--bg-0);
    --surface-card: var(--surface-1);
    --surface-hover: var(--surface-2);
    --link: var(--accent-2);
    --link-hover: var(--accent-3);
    --focus-ring: var(--accent-2);

    /* A sidebar permanece escura nos dois temas (decisao do Handoff). */
    --sidebar-bg: #0c0916;
    --sidebar-fg: #b9b3c6;
    --sidebar-fg-strong: #f5f4f8;
    --sidebar-muted: #6e6683;
    --sidebar-border: rgba(255,255,255,.08);

    /* --- Tipografia --- */
    --font-display: 'Inter Tight', -apple-system, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    --text-xs: 12px;
    --text-sm: 13px;
    --text-base: 15px;
    --text-md: 17px;
    --text-lg: 21px;
    --text-xl: 28px;
    --text-2xl: 40px;
    --text-3xl: 56px;
    --text-hero: 72px;

    --weight-body: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-display: 700;
    --weight-black: 800;

    --leading-tight: 1.05;
    --leading-heading: 1.15;
    --leading-body: 1.6;
    --tracking-display: -0.025em;
    --tracking-caps: .12em;

    /* --- Espaco, raio, sombra, movimento --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;

    --radius-sm: 8px;
    --radius-md: 12px;   /* botoes, inputs */
    --radius-lg: 16px;   /* cards */
    --radius-pill: 999px;

    --shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 24px rgba(0,0,0,.35);
    --shadow-pop: 0 16px 48px rgba(0,0,0,.55);
    --shadow-accent: 0 8px 28px rgba(139,92,246,.35);

    --ease-out: cubic-bezier(.16,1,.3,1);
    --duration-fast: 120ms;
    --duration-base: 200ms;
}

/* --- Tema claro: mesma paleta, mesmo violeta, fundos invertidos. --- */
.vt-light {
    --bg-0: #f6f4fa;
    --bg-1: #ffffff;
    --surface-1: #ffffff;
    --surface-2: #f1edf9;
    --border-1: rgba(23,14,50,.09);
    --border-2: rgba(23,14,50,.18);

    --fg-1: #171223;
    --fg-2: #4d4560;
    --fg-3: #847c96;

    --accent-2: #7c3aed;
    --accent-3: #6d28d9;
    --accent-soft: rgba(139,92,246,.10);
    --accent-border: rgba(139,92,246,.30);

    --success: #0e9f6e;
    --success-soft: rgba(14,159,110,.12);
    --warning: #b45309;
    --warning-soft: rgba(217,119,6,.12);
    --danger: #dc2626;
    --danger-soft: rgba(220,38,38,.10);

    --surface-page: var(--bg-0);
    --surface-card: var(--surface-1);
    --surface-hover: var(--surface-2);
    --text-heading: var(--fg-1);
    --text-body: var(--fg-2);
    --text-muted: var(--fg-3);

    --shadow-card: 0 1px 2px rgba(23,14,50,.06), 0 8px 24px rgba(23,14,50,.06);
    --shadow-pop: 0 16px 48px rgba(23,14,50,.18);
}