/* Infinity Doctors Education — tokens canonicos v1.0
   Cole isto no topo de qualquer mockup HTML. Nao redigite hex a mao:
   os valores aqui sao os do design system, conferidos contra os arquivos
   de logo originais. */

:root{
  /* institucional (herdado da marca mae) */
  --navy:#032C58;        /* base dominante ~65% */
  --laranja:#FF7500;     /* acento / CTA ~10% */
  --snapdragon:#F7AE62;  /* superficie de apoio */
  --lucent:#F4F7FF;      /* fundo claro — nunca branco puro */
  --cinza:#DDDDDD;       /* divisorias, apoio sobre navy */
  --branco:#FFFFFF;      /* so onde o lucent nao servir */

  /* escala navy — gradientes e profundidade */
  --navy-900:#000E2D; --navy-800:#04234A; --navy-700:#04264F;
  --navy-600:#032C58; --navy-500:#05346A; --navy-400:#073F7E; --navy-450:#083A6E;

  /* cor por curso <proposto> — base / tint / shade */
  --psi:#358567;  --psi-l:#A2CEBE;  --psi-d:#1D503D;   /* PG Psiquiatria  */
  --sm:#403585;   --sm-l:#A8A2CE;   --sm-d:#241D50;    /* PG Saude Mental */
  --tcc:#853552;  --tcc-l:#CEA2B2;  --tcc-d:#501D30;   /* PG TCC          */
  --nut:#7A8535;  --nut-l:#C8CEA2;  --nut-d:#49501D;   /* PG Nutrologia   */

  /* tipografia */
  --display:'Geist',system-ui,-apple-system,sans-serif;
  --mono:'Geist Mono',ui-monospace,monospace;

  /* grid: baseline 8px, gutter fluido */
  --gut:clamp(20px,4vw,64px);
  --pill:99px;
}

/* Textura oficial — blocos e diagonais em azul.
   Em producao final, prefira o vetor original do cliente; esta recriacao
   serve para mockup e para nao deixar a peca sem a textura. */
.textura{
  background-color:var(--navy);
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.05) 0 32%,transparent 32.2%),
    linear-gradient(225deg,rgba(0,14,45,.55) 0 26%,transparent 26.2%),
    linear-gradient(45deg,rgba(255,255,255,.035) 0 40%,transparent 40.2%),
    linear-gradient(to right,var(--navy-900) 0 12%,var(--navy-800) 12% 26%,
      var(--navy) 26% 44%,var(--navy-500) 44% 62%,var(--navy-400) 62% 80%,
      var(--navy-700) 80% 100%);
}

/* Botao primario — o rotulo e SEMPRE navy.
   Branco sobre laranja da 2,69:1 e reprova. */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 24px;border:0;border-radius:var(--pill);
  font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.06em;
  background:var(--laranja);color:var(--navy);cursor:pointer;
}
.btn--secundario{background:var(--navy);color:var(--lucent);}
.btn--outline{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy);}
.btn--outline-claro{background:transparent;color:var(--lucent);
  box-shadow:inset 0 0 0 1px rgba(244,247,255,.4);}
.btn[disabled]{opacity:.4;pointer-events:none;}

/* Eyebrow / rotulo — Geist Mono, caixa alta, tracking aberto.
   Sobre navy, a cor de curso entra na variacao TINT. */
.eyebrow{
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;line-height:1.6;
}