:root {
    --azul-primario: #3b82f6;
    --azul-claro: #60a5fa;
    --azul-hover: #2563eb;
    --azul-suave: #dbeafe;
    --azul-foco: rgba(59, 130, 246, 0.15);

    --cinza-fundo: #f1f5f9;
    --cinza-container: #ffffff;
    --cinza-borda: #e2e8f0;
    --cinza-texto: #64748b;
    --texto-principal: #1e293b;
    --branco: #ffffff;

    --verde: #22c55e;
    --laranja: #f97316;
    --roxo: #a855f7;
    --vermelho: #ef4444;
    --amber: #f59e0b;

    --sombra-card: 0 4px 24px rgba(59, 130, 246, 0.08), 0 1px 6px rgba(0, 0, 0, 0.05);
    --sombra-topbar: 0 2px 16px rgba(59, 130, 246, 0.08);
    --sombra-btn: 0 4px 16px rgba(59, 130, 246, 0.35);

    --raio: 18px;
    --raio-sm: 10px;
    --raio-btn: 12px;
    --raio-input: 12px;

    --transicao: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --trans: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
    --azul-primario: #60a5fa;
    --azul-claro: #93c5fd;
    --azul-hover: #3b82f6;
    --azul-suave: rgba(96, 165, 250, 0.12);
    --azul-foco: rgba(96, 165, 250, 0.18);

    --cinza-fundo: #0d1625;
    --cinza-container: #111e31;
    --cinza-borda: #1e2e46;
    --cinza-texto: #7da3c8;
    --texto-principal: #e0eeff;
    --branco: #111e31;

    --verde: #34d399;
    --vermelho: #f87171;
    --amber: #fbbf24;
    --roxo: #c084fc;

    --sombra-card: 0 4px 24px rgba(0, 10, 30, 0.4), 0 1px 6px rgba(0, 0, 0, 0.3);
    --sombra-topbar: 0 2px 16px rgba(0, 10, 30, 0.5);
}