/* ============================================================
   SIMONIA RIBEIRO — tokens
   Fonte da verdade. Nenhum valor cru fora daqui.
   ============================================================ */

:root {
  /* ---- Cor ---- */
  --c-breu:       #0C1A24;
  --c-marinho:    #33546A;
  --c-marinho-dp: #1C3547;
  --c-linho:      #F4EFE4;
  --c-linho-sh:   #E6DFD0;
  --c-ambar:      #E7A34A;   /* luz sobre escuro — 8,19:1 no Breu */
  --c-ambar-vl:   #C98B3C;   /* ÁREA sobre claro: preenchimento de botão, nunca texto */
  --c-ambar-txt:  #8A5E26;   /* TEXTO sobre claro — 4,94:1 no Linho. O Velado dá 2,53 e reprova */
  --c-tinta:      #22201C;
  --c-nevoa:      #8FA3B0;
  --c-cinza:      #6E6A60;

  /* ---- Papéis (usar estes nos componentes) ---- */
  --bg:      var(--c-breu);
  --fg:      var(--c-linho);
  --fg-mute: var(--c-nevoa);
  --linha:   rgba(244, 239, 228, .14);
  --acento:  var(--c-ambar);
  --hd-bg:   rgba(12, 26, 36, .86);   /* fundo da barra compacta, por tema */

  /* ---- Tipografia ---- */
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-nome:    "Marcellus", Georgia, serif;
  --f-ui:      "Jost", system-ui, sans-serif;
  --f-corpo:   "Inter", system-ui, sans-serif;
  --f-ass:     "Allura", "Cormorant Garamond", cursive;   /* A ASSINATURA (manual VII) */

  --fs-mega:  clamp(4rem,   12vw, 10rem);
  --fs-d1:    clamp(3rem,   7.4vw, 7.4rem);
  --fs-d2:    clamp(2.2rem, 4.6vw, 4.6rem);
  --fs-d3:    clamp(1.6rem, 2.4vw, 2.2rem);
  --fs-corpo: clamp(1rem,  1.05vw, 1.125rem);
  --fs-ui:    .9375rem;
  --fs-micro: .6875rem;

  --ls-nome:  .18em;
  --ls-micro: .24em;

  /* ---- Espaço ---- */
  --gutter: clamp(1.25rem, 4vw, 6.25rem);
  --pad-secao: clamp(5rem, 10vh, 8.5rem);
  --max: 1400px;

  /* ---- Motion ---- */
  --e-simonia: cubic-bezier(.16, 1, .30, 1);
  --d-micro: .35s;
  --d-reveal: .9s;
  --d-cine: 1.6s;

  --radius: 0;
}

/* ---- Temas de seção ---- */
[data-tema="escuro"] {
  --bg: var(--c-breu);      --fg: var(--c-linho);
  --fg-mute: var(--c-nevoa); --linha: rgba(244,239,228,.14);
  --acento: var(--c-ambar);
  --hd-bg: rgba(12,26,36,.86);
}
[data-tema="meio"] {
  --bg: var(--c-marinho-dp); --fg: var(--c-linho);
  --fg-mute: var(--c-nevoa); --linha: rgba(244,239,228,.18);
  --acento: var(--c-ambar);
  --hd-bg: rgba(28,53,71,.86);
}
[data-tema="claro"] {
  --bg: var(--c-linho);      --fg: var(--c-tinta);
  --fg-mute: var(--c-cinza); --linha: var(--c-linho-sh);
  --acento: var(--c-ambar-txt);
  /* SÓLIDO, não 88%: com a foto da capa passando por baixo, o Linho a 88%
     vira #dad9d1 efetivo e a nav cinza cai a 3,8:1 (mínimo 4,5). O main.css
     já declarava "barra sempre opaca" — agora é verdade. */
  --hd-bg: var(--c-linho);
}