@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  /* Paleta medida do arquivo de referência (.ai / PDF) */
  --c-purple:        #7D2E92;  /* header, footer, títulos */
  --c-purple-deep:   #5C2F8F;  /* botões, categoria PARCEIRO */
  --c-periwinkle:    #859FCF;  /* faixa intro, fundo grid, PESSOA FÍSICA */
  --c-bluegrey:      #6C7FBC;  /* barra CTA, VOLUNTÁRIO, name-bar diretor */
  --c-orange:        #FBB040;  /* botões de ação, EMPRESA */
  --c-orange-hover:  #E89B25;
  --c-grey:          #D1D3D4;  /* fundo diagrama e doação */
  --c-grey-light:    #E6E7E8;  /* fundo "quem faz" e conselho */
  --c-card-overlay:  rgba(62, 34, 41, 0.55);
  --c-card-bottom:   rgba(93, 47, 110, 0.92);
  --c-text:          #3A3A3C;
  --c-text-mut:      #6A6A6C;
  --c-label:         #5C5C5E;
  --c-white:         #FFFFFF;

  --font: 'Gotham', 'Helvetica Neue', Arial, sans-serif;
  --font-alt: 'Myriad Pro', 'Helvetica Neue', Arial, sans-serif;

  --container: 1200px;
  --pad: 24px;
  --radius: 0;
  --t: 220ms ease;
}