/* =========================================================
   Degasperi — Design tokens (fonte: Brandbook 2025, pág. 24–25)
   Não inventar cores fora desta lista.
   Escala: 100 = cor cheia · 80/60/40/20 = tints oficiais
   ========================================================= */

:root {
  /* ---------- PRINCIPAIS ---------- */
  /* Verde — PANTONE 360 C (cor-assinatura) */
  --verde-100: #6ABF4B;
  --verde-80:  #8BCC6F;
  --verde-60:  #A9D993;
  --verde-40:  #C6E6B6;
  --verde-20:  #E2F2DA;

  /* Marrom — PANTONE 7595 C (cor de texto da marca) */
  --marrom-100: #6E3D2F;
  --marrom-80:  #8B6054;
  --marrom-60:  #A8857B;
  --marrom-40:  #C5ACA5;
  --marrom-20:  #E1D4D0;

  /* Vermelho — PANTONE 710 C */
  --vermelho-100: #E53E51;
  --vermelho-80:  #F06C71;
  --vermelho-60:  #F89392;
  --vermelho-40:  #FEB7B5;
  --vermelho-20:  #FFDBD9;

  /* Off-white — PANTONE Warm Gray 1 C */
  --offwhite-40: #EEECE9;
  --offwhite-80: #DEDAD4;

  /* ---------- SECUNDÁRIAS ---------- */
  /* Amarelo — PANTONE 1375 C */
  --amarelo-100: #FF9E18;
  --amarelo-80:  #FFB152;
  --amarelo-60:  #FFC47E;
  --amarelo-40:  #FFD8A8;
  --amarelo-20:  #FFEBD3;

  /* Roxo — PANTONE 2655 C */
  --roxo-100: #9578D3;
  --roxo-80:  #AB92DC;
  --roxo-60:  #C0ACE5;
  --roxo-40:  #D5C7ED;
  --roxo-20:  #E9E2F6;

  /* Azul — PANTONE 2925 C */
  --azul-100: #009ADE;
  --azul-80:  #5BADE5;
  --azul-60:  #8BC1EB;
  --azul-40:  #B3D5F2;
  --azul-20:  #D9E9F8;

  /* Laranja — PANTONE 165 C */
  --laranja-100: #FF671D;
  --laranja-80:  #FF894D;
  --laranja-60:  #FFA778;
  --laranja-40:  #FFC5A4;
  --laranja-20:  #FFE1D0;

  /* ---------- TERCIÁRIAS (tons profundos) ---------- */
  --t-marrom:   #A65A2A; /* PANTONE 470 C  */
  --t-vermelho: #B2292E; /* PANTONE 1805 C */
  --t-amarelo:  #FED925; /* PANTONE 115 C  */
  --t-roxo:     #533278; /* PANTONE 7680 C */
  --t-azul:     #004A98; /* PANTONE 2945 C */
  --t-laranja:  #FFAD5F; /* PANTONE 1485 C */

  /* ---------- SEMÂNTICOS DO SITE ---------- */
  --bg:          #F7F6F5;           /* fundo das páginas do brandbook */
  --bg-alt:      var(--offwhite-40);
  --linha:       var(--offwhite-80);
  --texto:       var(--marrom-100); /* a marca escreve em marrom, não em preto */
  --texto-suave: var(--marrom-80);
  --marca:       var(--verde-100);
  --sobre-cor:   var(--offwhite-40); /* logo/ícone sobre fundo colorido = off-white */

  /* ---------- TIPOGRAFIA ---------- */
  /* Polymath (OH no Type Co., Adobe Fonts) — fallback oficial: Arial
     Pesos abaixo = mapeamento provável; confirmar no kit do Adobe Fonts. */
  --fonte: "polymath", Arial, sans-serif;
  --peso-thin: 100;
  --peso-xlight: 200;
  --peso-light: 300;
  --peso-regular: 400;
  --peso-medium: 500;
  --peso-semibold: 600;
  --peso-bold: 700;
  --peso-black: 800;
  --peso-super: 900;

  /* ---------- LOGO ---------- */
  --logo-min-h: 26px;  /* logo: mínimo 26px de altura */
  --icone-min-h: 22px; /* ícone: mínimo 22px de altura */
}