/* =========================================================
   MIFORMA — fotografia de formatura
   Paleta pedida pelo cliente: preto e dourado.
   Tipografia: Cinzel (a letra do diploma e do convite de colação)
   + DM Sans no texto. As duas auto-hospedadas: o site abre offline.
   Aqui só entram variáveis e os ajustes de contraste que o dourado
   exige. O base.css NÃO se edita.
   ========================================================= */

@font-face{
  font-family:'Cinzel';
  src:url('../fonts/cinzel.woff2') format('woff2');
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('../fonts/dmsans-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('../fonts/dmsans-500.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('../fonts/dmsans-700.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}

:root{
  /* ---- preto quente (o preto da beca, não o preto de tela) ---- */
  --bg:#0B0A08;
  --bg-2:#131109;
  --surface:#181509;
  --line:rgba(216,179,106,.15);
  --line-hi:rgba(216,179,106,.34);

  /* ---- texto sobre o preto ---- */
  --txt:#F4EFE2;
  --txt-2:#C6BCA4;
  --txt-3:#928871;

  /* ---- dourado ---- */
  --accent:#D8B36A;
  --accent-2:#9A7828;
  --accent-soft:rgba(216,179,106,.12);
  --grad:linear-gradient(104deg,#EBD196,#A98530);

  /* ---- num site escuro, a faixa "invertida" é a faixa CLARA ---- */
  --inv-bg:#F4EFE2;
  --inv-txt:#0B0A08;

  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --display:'Cinzel',Georgia,"Times New Roman",serif;

  --sombra:0 30px 74px -30px rgba(0,0,0,.92);
}

/* Cinzel é uma capital romana: em corpo grande ela pede menos peso e
   um pouco mais de entrelinha do que a pilha padrão do base.css. */
h1,h2,h3,h4{font-weight:600;line-height:1.16;letter-spacing:-.012em}
.h1{line-height:1.12;letter-spacing:-.016em}
.brand b,.ft__brand b{font-weight:600;letter-spacing:.02em}
body{font-weight:400}

/* ---- contraste: texto branco dentro do dourado não passa. Vai preto. ---- */
.btn--primary{color:#14100A}
.rail__n,.ad__seta,.skip:focus{color:#14100A}
.foto__tag{color:#14100A}

/* ---- as molduras que esperam a foto da Miforma ---- */
.arte{background:
  radial-gradient(122% 92% at 50% 0%,rgba(216,179,106,.11),transparent 64%),
  var(--bg-2)}
.arte__m svg{width:100%;height:auto;display:block}