/* ============================================================
   TOKENS - Instituto Larissa Nascimento
   Paleta rose validada nos anuncios (criativos-v6-placas), trazida
   para a pagina. Nenhum valor daqui foi inventado para a LP: o rose,
   o bordo e o dourado sao os mesmos dos criativos que rodam.
   ============================================================ */

@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-normal-300-900.woff2') format('woff2'); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-italic-300-900.woff2') format('woff2'); font-weight: 300 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-normal-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-normal-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-normal-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-normal-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Caveat'; src: url('../fonts/caveat-normal-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }

:root {
  /* grounds */
  --rose-hi:   #F3E4DE;
  --rose:      #EAD8D0;
  --rose-warm: #DEC3BB;
  --rose-lo:   #D5B3AD;
  --paper:     #FBF2ED;   /* cartoes e campos sobre o rose */

  /* ink */
  --burgundy:      #6E3742;  /* titulos, botao principal */
  --burgundy-deep: #4A2530;  /* texto de corpo escuro, fundo do rodape */
  --ink:           #4C3A37;  /* corpo */
  --ink-soft:      #7A625F;  /* secundario: 4.6:1 sobre --rose */

  /* metal */
  --gold:      #C29A56;  /* filetes, bordas: nunca texto pequeno */
  --gold-ink:  #9A6E34;  /* manuscrito e numeros grandes (>= 24px) */
  --gold-deep: #6E4A1E;  /* rotulo pequeno sobre rose: 5.9:1 */

  --borda: rgba(154, 110, 52, .28);

  /* tipografia */
  --fonte-titulo: 'Fraunces', Georgia, 'Times New Roman', serif;
  --fonte-corpo:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --fonte-mao:    'Caveat', 'Bradley Hand', cursive;

  /* ritmo */
  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 40px;  --s5: 64px;  --s6: 96px;
  --raio: 22px; --raio-sm: 14px;
  --sombra: 0 18px 50px rgba(74, 37, 48, .16);
  --sombra-leve: 0 6px 20px rgba(74, 37, 48, .08);

  --largura-max: 1120px;
  --altura-header: 64px;
}