/* design-system.css — MentorEmpresa Design System Custom Properties */
/* Gerado a partir de DesignTokensSemanticos.cs */
/* Convenção: --me-{categoria}-{nome} */

:root {
    /* === Cores: Marca e Ação === */
    --me-cor-primaria: #0F172A;
    --me-cor-primaria-contraste: #FFFFFF;
    --me-cor-primaria-escura: #0A1121;
    --me-cor-primaria-clara: #1E293B;

    --me-cor-acao: #2563EB;
    --me-cor-acao-contraste: #FFFFFF;
    --me-cor-acao-escura: #1D4ED8;
    --me-cor-acao-clara: #3B82F6;

    --me-cor-terciaria: #059669;
    --me-cor-terciaria-contraste: #FFFFFF;

    /* === Cores: Estados Semânticos === */
    --me-cor-sucesso: #2E7D32;
    --me-cor-alerta: #F9A825;
    --me-cor-erro: #C62828;
    --me-cor-info: #0288D1;

    /* === Cores: Estados — Fundos (10% opacidade) === */
    --me-cor-sucesso-fundo: rgba(46, 125, 50, 0.1);
    --me-cor-alerta-fundo: rgba(249, 168, 37, 0.1);
    --me-cor-erro-fundo: rgba(198, 40, 40, 0.1);
    --me-cor-info-fundo: rgba(2, 136, 209, 0.1);

    /* === Cores: Estados — Bordas (30% opacidade) === */
    --me-cor-sucesso-borda: rgba(46, 125, 50, 0.3);
    --me-cor-alerta-borda: rgba(249, 168, 37, 0.3);
    --me-cor-erro-borda: rgba(198, 40, 40, 0.3);
    --me-cor-info-borda: rgba(2, 136, 209, 0.3);

    /* === Cores: Superfícies === */
    --me-fundo: #F8FAFC;
    --me-fundo-cinza: #F1F5F9;
    --me-superficie: #FFFFFF;

    /* === Cores: Texto === */
    --me-texto-primario: #1E293B;
    --me-texto-secundario: #64748B;
    --me-texto-desabilitado: #94A3B8;

    /* === Cores: Bordas === */
    --me-borda: #E2E8F0;
    --me-borda-sutil: #F1F5F9;

    /* === Cores: Financeiro === */
    --me-financeiro-positivo: #2E7D32;
    --me-financeiro-negativo: #C62828;

    /* === Tipografia === */
    --me-font-primaria: 'Inter', sans-serif;
    --me-font-mono: 'Roboto Mono', monospace;

    /* === Espaçamento === */
    --me-espaco-xs: 4px;
    --me-espaco-sm: 8px;
    --me-espaco-md: 16px;
    --me-espaco-lg: 24px;
    --me-espaco-xl: 32px;
    --me-espaco-2xl: 48px;
    --me-espaco-3xl: 64px;

    /* === Raio de Borda === */
    --me-raio-sm: 4px;
    --me-raio-md: 8px;
    --me-raio-lg: 12px;

    /* === Sombras === */
    --me-sombra-sm: 0 1px 2px rgba(0,0,0,0.05);
    --me-sombra-md: 0 4px 6px rgba(0,0,0,0.07);
    --me-sombra-lg: 0 10px 15px rgba(0,0,0,0.1);
}

/* === Foco Visível (Acessibilidade) === */
*:focus-visible {
    outline: 2px solid var(--me-cor-acao);
    outline-offset: 2px;
}

/* === Utilitários do Design System === */
.me-font-mono {
    font-family: var(--me-font-mono);
}

.me-text-right {
    text-align: right;
}

.me-financeiro-positivo {
    color: var(--me-financeiro-positivo);
}

.me-financeiro-negativo {
    color: var(--me-financeiro-negativo);
}

/* === DataGrid Overrides === */
.mud-table .mud-table-head .mud-table-cell {
    background-color: var(--me-fundo);
    font-weight: 600;
}

/* === Botão: Sentence Case Global === */
.mud-button-root {
    text-transform: none;
}