/* ─── TOKENS DE DESIGN COMPARTILHADOS ────────────────────────────────
   Mesma paleta e tipografia (Barlow) usadas nas telas públicas
   (publicpage, publicjob, publiccourse) e institucionais (sobre,
   privacidade, lgpd, termos). Este arquivo deve ser importado ANTES
   do CSS específico de cada tela, para que os seletores de página
   possam usar var(--...) e sobrescrever o necessário. Não contém
   regras de layout/estrutura — apenas tokens e resets mínimos. */

:root { color-scheme: light; }

:root {
    --azul-prof:    #052D4A;
    --azul-esc:     #083F65;
    --azul:         #0D639E;
    --azul-mid:     #1580C6;
    --azul-sv:      #E8F1F8;
    --ciano:        #26B2FD;
    --ciano-esc:    #0D8FD4;
    --ciano-claro:  #7FD0F7;
    --ciano-sv:     #E4F3FD;

    --cinza-100:    #F1F6FA;
    --cinza-150:    #E6EEF4;
    --cinza-200:    #DCE6EB;
    --cinza-300:    #C3D3DC;
    --cinza-400:    #8FA6B3;
    --cinza-600:    #4A6273;
    --cinza-800:    #16232D;
    --cinza-900:    #1E3140;
    --branco:       #FFFFFF;

    --alerta:       #B45309;
    --alerta-sv:    #FEF6E7;

    --sombra-sm:    0 1px 2px rgba(22,35,45,.06);
    --sombra-md:    0 4px 14px rgba(22,35,45,.08);
    --sombra-lg:    0 10px 30px rgba(22,35,45,.12);

    --raio:         10px;
    --raio-md:      16px;
    --raio-pill:    40px;

    --font-sans:  'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body { font-family: var(--font-sans); }

input, select, textarea { font-family: var(--font-sans); }