@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Thin Alt.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Light Alt.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Book Alt.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Regular Alt.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Bold Alt.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Alt";
  src: url("../Fontes/Intro Black Alt.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --cd-font-sans: "Intro Alt", "Arial Narrow", Arial, sans-serif;

  --cd-navy: #0f2c53;
  --cd-navy-deep: #0d2649;
  --cd-navy-70: #8795a9;
  --cd-navy-40: #b7c0cb;
  --cd-navy-20: #d2d8df;

  --cd-sand: #e5c693;       /* dourado/creme — DETALHE (botões, traços, ícones) sobre o navy do header/rodapé */
  --cd-sand-70: #e5c693;
  --cd-sand-40: #e5c693;
  --cd-sand-20: #ffffff;    /* fundo das seções claras: agora BRANCO (antes era creme) */

  --cd-brand-light-blue: #b8beca;
  --cd-brand-light-blue-70: #cdd1da;
  --cd-brand-light-blue-40: #e1e4ea;

  --cd-cream: #e5c693;      /* CREME — fundo das seções que antes eram azul marinho */
  --cd-paper: #ffffff;      /* fundo principal da página: agora BRANCO (antes era creme) */
  --cd-black: var(--cd-navy);
  --cd-white: #ffffff;

  --cd-text: var(--cd-navy);
  --cd-text-strong: var(--cd-black);
  --cd-text-inverse: var(--cd-white);
  --cd-border: rgba(15, 44, 83, 0.18);
  --cd-border-strong: rgba(15, 44, 83, 0.34);

  --cd-space-1: 4px;
  --cd-space-2: 8px;
  --cd-space-3: 12px;
  --cd-space-4: 16px;
  --cd-space-5: 24px;
  --cd-space-6: 32px;
  --cd-space-7: 48px;
  --cd-space-8: 64px;
  --cd-space-9: 96px;

  --cd-radius-sm: 2px;
  --cd-radius-md: 6px;
  --cd-radius-lg: 8px;

  --cd-shadow-paper: 0 22px 60px rgba(15, 44, 83, 0.12);
  --cd-shadow-focus: 0 0 0 3px rgba(229, 198, 147, 0.52);

  --cd-duration-fast: 160ms;
  --cd-duration-base: 260ms;
  --cd-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  --cd-type-hero: 72px;
  --cd-type-h1: 52px;
  --cd-type-h2: 38px;
  --cd-type-h3: 28px;
  --cd-type-body: 17px;
  --cd-type-small: 13px;
  --cd-type-label: 12px;

  --cd-track-logo: 0.15em;
  --cd-track-display: 0.28em;
  --cd-track-title: 0.18em;
  --cd-track-body: 0.04em;
}

@media (max-width: 760px) {
  :root {
    --cd-type-hero: 34px;
    --cd-type-h1: 32px;
    --cd-type-h2: 30px;
    --cd-type-h3: 24px;
    --cd-track-display: 0.13em;
    --cd-track-title: 0.1em;
    --cd-track-logo: 0.11em;
  }
}