/*
  NormaOne — Design Tokens (Etapa UI 1)
  Fonte de referência para CSS isolado (*.razor.css) e Style="..." inline nas próximas etapas
  visuais (UI2+). Espelha os valores definidos em Theme/AppTheme.cs (que controla o MudBlazor
  em si) para que qualquer CSS "cru" fora do MudTheme use exatamente os mesmos valores.
*/

:root {
    /* Cor — semântica: verde = ação principal / sucesso / ativo; azul = informação;
       amarelo/laranja = atenção; vermelho = perigo/erro; cinza = neutro. */
    --color-primary: #16A34A;
    --color-primary-dark: #15803D;
    --color-success: #22C55E;
    --color-info: #3B82F6;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;

    --color-text: #374151;
    --color-muted: #6B7280;
    --color-background: #EAEFF5;
    --color-surface: #FFFFFF;
    --color-border: #E5E7EB;

    /* Espaçamento — escala única, evitar valores arbitrários fora dela. */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    /* Raio de borda — priorizar aparência discreta. */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* Sombra — poucas categorias, discretas (evitar "cards flutuando"). */
    --shadow-none: none;
    --shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.06);
    --shadow-md: 0 2px 8px rgba(17, 24, 39, 0.08);

    /* Tipografia — mesma hierarquia mapeada em AppTheme.cs (Typo.h4/h5/subtitle1/body1/body2/caption).
       Escala compacta desde a Etapa UI 2.1 — nunca abaixo de 11px. */
    --font-size-page-title: 22px;
    --font-weight-page-title: 700;
    --font-size-section-title: 17px;
    --font-weight-section-title: 600;
    --font-size-subtitle: 14px;
    --font-weight-subtitle: 600;
    --font-size-text: 13px;
    --font-size-text-secondary: 12px;
    --font-size-caption: 11px;

    /* Controles — faixa compacta (Etapa UI 2.1): 34–38px. */
    --control-height: 36px;
}