/* ==========================================================================
   Patula Modas — Tema Escuro (Versão 2 · "a fachada à noite")
   Carrega DEPOIS de styles.css. Sobrescreve as variáveis da marca
   e os poucos pontos que não são resolvidos só por variável (rodapé).
   ========================================================================== */

:root {
  --bg:          #1B1918;   /* carvão quente profundo (fachada) */
  --bg-alt:      #232120;
  --surface:     #262321;
  --ink:         #F2EAE1;   /* creme */
  --ink-soft:    #A79D93;
  --ink-faint:   rgba(242,234,225,0.50);
  --accent:      #D2A39B;   /* rosé-cobre luminoso */
  --accent-deep: #E2B6AE;   /* no escuro, o hover clareia */
  --accent-soft: rgba(210,163,155,0.15);
  --line:        rgba(242,234,225,0.12);
  --line-strong: rgba(242,234,225,0.26);
  --hero-scrim:  linear-gradient(180deg, rgba(12,10,9,0.42) 0%, rgba(12,10,9,0.28) 40%, rgba(12,10,9,0.72) 100%);
  --shadow:      0 26px 60px -30px rgba(0,0,0,0.75);
  --shadow-soft: 0 14px 34px -20px rgba(0,0,0,0.65);
}

/* No escuro, o botão de acento fica mais legível com texto carvão */
.btn-accent { color: #201A18; }
.btn-accent:hover { color: #201A18; }

/* Rodapé: uma faixa ainda mais funda, texto creme ------------------------- */
.footer { background: #131110; color: var(--ink); }
.footer__brand .brand { color: var(--ink); }
.footer__brand .brand__mark { color: var(--accent); }
.footer__brand p { color: var(--ink-soft); }
.footer__col a, .footer__col p { color: rgba(242,234,225,0.78); }
.footer__col a:hover { color: #fff; }
.footer__bottom { border-top-color: rgba(242,234,225,0.12); }
.footer__bottom p { color: rgba(242,234,225,0.45); }
.footer__switch { color: rgba(242,234,225,0.78); border-color: rgba(242,234,225,0.25); }

/* Cookie herda --ink (agora creme); força fundo escuro sólido ------------- */
.cookie { background: #131110; color: var(--ink); }