/*
  RDOOne — Design Tokens

  Nomes curtos para o CSS das telas (*.razor.css, arquivos globais em wwwroot/css e Style="..." inline).
  As cores NÃO são escritas aqui: cada token lê a variável --mud-palette-* que o MudThemeProvider gera a
  partir de Theme/AppTheme.cs. A fonte única é o tema; este arquivo só dá nomes de papel (fundo, borda,
  texto, ação) para quem não passa pelo MudBlazor. O valor reserva ao lado de cada var() é o mesmo do
  tema e só vale se a página for servida sem o ThemeProvider (impressão, erro de carga).

  Escalas de espaço, raio, sombra e tipografia continuam aqui, porque o tema do MudBlazor não as expõe.
*/

:root {
    /* Cor de ação (uma só, azul) e estados. Verde/amarelo/vermelho são reservados para significado. */
    --color-primary: var(--mud-palette-primary, #2563EB);
    --color-primary-dark: var(--mud-palette-primary-darken, #1D4ED8);
    --color-primary-soft: #EFF6FF; /* fundo de seleção/realce da ação; sem equivalente no tema */
    --color-success: var(--mud-palette-success, #16A34A);
    --color-success-soft: #DCFCE7;
    --color-info: var(--mud-palette-info, #2563EB);
    --color-warning: var(--mud-palette-warning, #D97706);
    --color-warning-soft: #FEF3C7;
    --color-danger: var(--mud-palette-error, #DC2626);
    --color-danger-soft: #FEE2E2;

    /* Texto */
    --color-text: var(--mud-palette-text-primary, #1E293B);
    --color-muted: var(--mud-palette-text-secondary, #64748B);
    --color-text-disabled: var(--mud-palette-text-disabled, #94A3B8);

    /* Superfícies: página, card e a única "segunda superfície" (cabeçalho de tabela, zebra, blocos). */
    --color-background: var(--mud-palette-background, #EEF2F6);
    --color-surface: var(--mud-palette-surface, #FFFFFF);
    --color-surface-2: var(--mud-palette-background-gray, #F8FAFC);

    /* Bordas: a padrão e uma mais forte (contorno de campo, divisor de seção). */
    --color-border: var(--mud-palette-lines-default, #E2E8F0);
    --color-border-strong: var(--mud-palette-lines-inputs, #CBD5E1);

    /* 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(15, 23, 42, 0.06);
    --shadow-md: 0 2px 8px rgba(15, 23, 42, 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;
}