/* ═══════════════════════════════════════════════════════════════
   CARLOS PIZOLOTTO — re-tema "Retrofuturista Claro" v1.0
   Oliva + rosado + mostarda/terracota. Carrega DEPOIS de studio.css
   e apenas redefine os tokens — re-skina todo o site de uma vez.
═══════════════════════════════════════════════════════════════ */

:root {
  /* superfícies — papel rosado claro */
  --paper:   #F0E4DE;   /* fundo principal */
  --bone:    #EFE2DB;   /* seções/insets claros */
  --bone-2:  #E6D5CC;   /* inset mais fundo */

  /* "ink" — agora verde-oliva profundo (faixas escuras, footer, ticker) */
  --ink:     #2A2E18;
  --ink-2:   #343921;
  --ink-3:   #45492B;

  /* acento — oliva (substitui o latão/dourado) */
  --brass:   #6E7536;
  --brass-2: #525829;
  --signal:  #5E8A3A;

  /* texto */
  --t-1: #33301F;   /* tinta oliva-marrom */
  --t-2: #5E5945;
  --t-3: #8A7F68;
  --t-d:   rgba(245,239,226,.92);
  --t-d-2: rgba(245,239,226,.66);
  --t-d-3: rgba(245,239,226,.42);

  /* bordas — quentes */
  --bd:    rgba(74,58,40,.12);
  --bd-2:  rgba(74,58,40,.20);
  --bd-d:  rgba(245,239,226,.12);
  --bd-d2: rgba(245,239,226,.22);
}

/* fundo do body garantido no tom rosado */
.stu-body { background: var(--paper); }

/* ── MASTHEAD (faixa "topo" acima do menu) ── */
/* wrapper masthead + navbar — fixa junto no scroll */
.stu-topwrap{position:sticky;top:0;z-index:1000;background:#15120E;}
.stu-topwrap .stu-header{position:static !important;top:auto !important;}
.stu-masthead{display:block;width:100%;background:#15120E;line-height:0;text-align:center;overflow:hidden;}
.stu-masthead picture{display:block;}
.stu-masthead img{display:block;width:100%;max-width:1600px;height:auto;margin:0 auto;}
/* ao rolar: masthead vira faixa fina mostrando o centro (crista + nome) */
.stu-topwrap.shrink .stu-masthead{height:60px;}
.stu-topwrap.shrink .stu-masthead img{height:60px;width:100%;max-width:none;object-fit:cover;object-position:center;}
@media(max-width:600px){
  .stu-topwrap.shrink .stu-masthead{height:46px;}
  .stu-topwrap.shrink .stu-masthead img{height:46px;}
}

/* ── LOGO REAL na marca (header) — emblema largo, não quadrado ── */
.stu-brand-mark {
  height: 44px !important;
  width: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 3px 6px rgba(74,58,40,.30));
}
/* menu enxuto: só o emblema como link de início */
.stu-brand-mini .stu-brand-mark { height: 48px !important; }
.stu-brand-name { letter-spacing: .03em; white-space: nowrap; }
.stu-brand-sub  { white-space: nowrap; font-size: .52rem; letter-spacing: .14em; }

/* ── LOGO REAL no rodapé ── */
.stu-foot-brand-mark {
  height: 46px !important;
  width: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* mostarda/terracota como detalhes retrô pontuais */
.stu-eyebrow.brass { color: #B07A2E; }              /* eyebrow levemente terroso */
.stu-display em    { color: var(--brass-2); }        /* itálico do display em oliva */

/* selo "ao vivo"/signal mantém verde discreto já via --signal */

/* ═══════════════════════════════════════════════════════════════
   TOKENS LEGADOS (app.css) — re-mapeados p/ a paleta retrô.
   Re-tematiza o CATÁLOGO e páginas admin/painel que herdam app.css.
   (studio.css não usa estes tokens, então não afeta o resto.)
═══════════════════════════════════════════════════════════════ */
:root {
  --gold:    #6E7536;                 /* era roxo #7C3AED → oliva */
  --gold-l:  #D2B36A;                 /* destaque claro → mostarda suave */
  --gold-s:  rgba(110,117,54,.10);
  --gold-m:  rgba(110,117,54,.24);
  --noir:    #2A2E18;                 /* era roxo escuro → oliva profundo */
  --ivory:   #F0E4DE;                 /* fundo rosado */
  --ivory-m: #ECDDD4;                 /* inset/cards */
  --ivory-b: rgba(74,58,40,.16);      /* bordas quentes */
  --text:    #33301F;
  --text-m:  #5E5945;
  --text-d:  #8A7F68;
}