:root,
[data-theme="dark"] {
    color-scheme: dark;
    --background-app: linear-gradient(135deg, #00112c, #001229, #000000);
    --surface-1: rgba(8, 24, 52, 0.88);
    --surface-2: rgba(255, 255, 255, 0.06);
    --surface-3: rgba(255, 255, 255, 0.1);
    --text-primary: #f8fafc;
    --text-secondary: #a9b7cc;
    --text-muted: #7f8da3;
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.2);
    --primary: #3b82f6;
    --primary-hover: #60a5fa;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.22);
    --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.22);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
}

[data-theme="light"] {
    color-scheme: light;
    --background-app: #f5f7fa;
    --surface-1: #ffffff;
    --surface-2: #f8fafc;
    --surface-3: #eef2f7;
    --text-primary: #172033;
    --text-secondary: #667085;
    --text-muted: #667085;
    --border: #e4e7ec;
    --border-strong: #cfd5df;
    --primary: #155eef;
    --primary-hover: #0f4cc9;
    --success: #079455;
    --warning: #b54708;
    --danger: #d92d20;
    --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08);
    --shadow-md: 0 12px 28px rgba(16, 24, 40, 0.1);
}

/* Compatibilidade para as folhas legadas enquanto cada módulo é migrado. */
:root,
[data-theme="dark"],
[data-theme="light"] {
    --cor-fundo: var(--background-app);
    --cor-texto: var(--text-primary);
    --cor-texto-secundario: var(--text-secondary);
    --cor-texto-muted: var(--text-muted);
    --cor-card: var(--surface-1);
    --cor-borda: var(--border);
    --cor-borda-hover: var(--border-strong);
    --cor-primaria: var(--primary);
    --cor-primaria-hover: var(--primary-hover);
    --cor-perigo: var(--danger);
    --cor-perigo-hover: var(--danger);
    --cor-sucesso: var(--success);
}