/* =========================================================
   Thales Fotografias — São Paulo
   Paleta pedida pelo cliente: preto e dourado.
   Só variáveis + os ajustes de contraste que o dourado exige.
   base.css NÃO se edita.
   ========================================================= */

@font-face{
  font-family:'Playfair';
  src:url('../fonts/playfair-latin.woff2') format('woff2');
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}
@font-face{
  font-family:'Jost';
  src:url('../fonts/jost-latin.woff2') format('woff2');
  font-weight:300 600; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

:root{
  /* ---- preto ---- */
  --bg:#0A0A0B;
  --bg-2:#111113;
  --surface:#161618;
  --line:rgba(206,168,84,.16);
  --line-hi:rgba(206,168,84,.36);

  /* ---- texto sobre preto ---- */
  --txt:#F5F1E8;
  --txt-2:#C2BAA9;
  --txt-3:#8F877A;

  /* ---- dourado ---- */
  --accent:#CEA854;
  --accent-2:#9C7B2C;
  --accent-soft:rgba(206,168,84,.13);
  --grad:linear-gradient(104deg,#E4C87E,#A8842F);

  /* ---- a faixa "invertida" num site escuro é a faixa CLARA ---- */
  --inv-bg:#F5F1E8;
  --inv-txt:#0A0A0B;

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

  --sombra:0 28px 70px -28px rgba(0,0,0,.9);
}

h1,h2,h3,h4{font-weight:600}
body{font-weight:300}
.brand b,.ft__brand b{font-weight:600}

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

/* ---- a moldura vazia que espera a foto do Thales ---- */
.arte__m svg{width:100%;height:auto;display:block}
.arte{background:
  radial-gradient(120% 90% at 50% 0%,rgba(206,168,84,.10),transparent 62%),
  var(--bg-2)}