/* tokens.css — paleta e escalas. Fonte unica de verdade do visual. */

:root {
  /* Paleta da marca */
  --navy:        #1C3050;
  --navy-900:    #14233C;
  --navy-700:    #2A4368;
  --navy-300:    #5B7196;
  --gold:        #C59B27;
  --gold-hover:  #DFBA45;
  --gold-fraco:  #F0E4C3;
  --sky:         #42B3E5;
  --sky-fraco:   #E4F4FC;
  --offwhite:    #F5F5F0;
  --white:       #FFFFFF;

  /* Texto — contraste conferido em WCAG AA.
     Dourado sobre branco reprova (2.6:1): nunca em texto corrido.
     Navy sobre dourado aprova (5.1:1): esse e o padrao do botao. */
  --txt:         #1C3050;
  --txt-suave:   #4A5B77;
  --txt-fraco:   #6E7C93;
  --txt-claro:   #FFFFFF;
  --linha:       #E3E3DC;
  --linha-forte: #C9CBC2;

  /* Tipografia */
  --f-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --f-texto:   'Inter', system-ui, -apple-system, sans-serif;

  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-lg:   1.125rem;
  --t-xl:   1.375rem;
  --t-2xl:  1.75rem;
  --t-3xl:  2.25rem;
  --t-4xl:  3rem;
  --t-5xl:  3.75rem;

  /* Espaco */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --e-9: 6rem;
  --e-10: 8rem;

  /* Estrutura */
  --largura:   1160px;
  --largura-texto: 68ch;
  --raio:      4px;
  --raio-g:    10px;
  --sombra:    0 1px 2px rgba(28,48,80,.06), 0 8px 24px rgba(28,48,80,.06);
  --sombra-f:  0 2px 4px rgba(28,48,80,.08), 0 16px 40px rgba(28,48,80,.10);
  --transicao: 220ms cubic-bezier(.4,0,.2,1);
}

@media (max-width: 640px) {
  :root {
    --t-3xl: 1.75rem;
    --t-4xl: 2.125rem;
    --t-5xl: 2.5rem;
    --e-9: 3.5rem;
    --e-10: 4rem;
  }
}