/* =====================================================
   VARIÁVEIS DE TEMA (claro / escuro)
   Trocar aqui reflete em todo o sistema.
===================================================== */

:root,
:root[data-theme="light"] {
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface-alt: #fafafa;
    --surface-hover: #f1f5f9;
    --text: #334155;
    --text-strong: #111827;
    --text-muted: #64748b;
    --border: #e5e7eb;
    --border-soft: #eef2f7;
    --input-bg: #ffffff;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --shadow: rgba(15, 23, 42, .08);
    --overlay: rgba(15, 23, 42, .45);

    /* Botão de destaque "escuro" (finalizar, ver cadastro) */
    --cta-strong-bg: #111827;
    --cta-strong-hover: #000000;

    /* Tons suaves (badges, chips, botões secundários) */
    --accent-soft-bg: #eff6ff;
    --accent-soft-text: #2563eb;
    --accent-soft-border: #dbeafe;
    --accent-soft-bg-hover: #dbeafe;

    --danger-soft-bg: #fef2f2;
    --danger-soft-text: #dc2626;
    --danger-soft-border: #fecaca;
    --danger-soft-bg-hover: #fee2e2;

    --success: #16a34a;
    --success-soft-bg: #dcfce7;
    --success-soft-text: #166534;
    --success-soft-border: #bbf7d0;
    --success-soft-bg-hover: #bbf7d0;

    --badge-soft-bg: #eef2ff;
    --badge-soft-text: #4338ca;
    --badge-soft-border: #e0e7ff;
    --badge-soft-bg-hover: #c7d2fe;

    --danger-strong: #dc2626;
    --danger-strong-text: #b91c1c;

    /* Botões de ação (toolbar, form, tablelist) */
    --btn-primary-bg: var(--primary);
    --btn-primary-hover: var(--primary-hover);
    --btn-success-bg: #22c55e;
    --btn-success-hover: #16a34a;
    --btn-danger-bg: #ef4444;
    --btn-danger-hover: #dc2626;
    --btn-accent-bg: #7c3aed;
    --btn-accent-hover: #6d28d9;
    --btn-neutral-bg: var(--surface-hover);
    --btn-neutral-hover: var(--border);
    --btn-neutral-text: var(--text-strong);

    /* Badges de status (listagens) */
    --badge-muted-bg: #64748b;
}

:root[data-theme="dark"] {
    --bg: #0f172a;
    --surface: #1e293b;
    --surface-alt: #16213a;
    --surface-hover: #263449;
    --text: #cbd5e1;
    --text-strong: #f1f5f9;
    --text-muted: #94a3b8;
    --border: #334155;
    --border-soft: #2b3a52;
    --input-bg: #16213a;
    --primary: #3b82f6;
    --primary-hover: #60a5fa;
    --shadow: rgba(0, 0, 0, .35);
    --overlay: rgba(0, 0, 0, .55);

    /* Botão de destaque "escuro": no dark mode usa a cor primária, senão fica invisível */
    --cta-strong-bg: var(--primary);
    --cta-strong-hover: var(--primary-hover);

    /* Tons suaves (badges, chips, botões secundários) */
    --accent-soft-bg: rgba(59, 130, 246, .15);
    --accent-soft-text: #93c5fd;
    --accent-soft-border: rgba(59, 130, 246, .35);
    --accent-soft-bg-hover: rgba(59, 130, 246, .25);

    --danger-soft-bg: rgba(239, 68, 68, .15);
    --danger-soft-text: #fca5a5;
    --danger-soft-border: rgba(239, 68, 68, .35);
    --danger-soft-bg-hover: rgba(239, 68, 68, .25);

    --success: #4ade80;
    --success-soft-bg: rgba(34, 197, 94, .18);
    --success-soft-text: #86efac;
    --success-soft-border: rgba(34, 197, 94, .35);
    --success-soft-bg-hover: rgba(34, 197, 94, .28);

    --badge-soft-bg: rgba(99, 102, 241, .2);
    --badge-soft-text: #a5b4fc;
    --badge-soft-border: rgba(99, 102, 241, .35);
    --badge-soft-bg-hover: rgba(99, 102, 241, .3);

    --danger-strong: #f87171;
    --danger-strong-text: #fca5a5;

    /* Botões de ação (toolbar, form, tablelist) */
    --btn-primary-bg: var(--primary);
    --btn-primary-hover: var(--primary-hover);
    --btn-success-bg: #22c55e;
    --btn-success-hover: #16a34a;
    --btn-danger-bg: #ef4444;
    --btn-danger-hover: #dc2626;
    --btn-accent-bg: #8b5cf6;
    --btn-accent-hover: #7c3aed;
    --btn-neutral-bg: var(--surface-hover);
    --btn-neutral-hover: var(--border);
    --btn-neutral-text: var(--text-strong);

    /* Badges de status (listagens) */
    --badge-muted-bg: #64748b;
}