/* Femme35 site do story: tokens e base comum. Estilos de cada página ficam
   no próprio HTML, com prefixo único (ix-, es-, cv-, fv-, pv-). */
:root {
  --f35-preto: #0f0e0c;
  --f35-carvao: #1a1815;
  --f35-carvao-2: #24211c;
  --f35-ouro: #d2ab52;
  --f35-ouro-claro: #ecd08a;
  --f35-ouro-escuro: #7d5f1c;
  --f35-amarelo: #f3d548;
  --f35-off: #f6f1e8;
  --f35-off-2: #ece4d6;
  --f35-tinta: #1d1b18;
  --f35-tinta-suave: #4a443b;
  --f35-claro-suave: #d6cebf;
  --f35-linha: rgba(210, 171, 82, 0.35);
  --f35-erro: #ffb4a8;
  --f35-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --f35-sans: "DM Sans", "Helvetica Neue", sans-serif;
  --f35-script: "Great Vibes", "Brush Script MT", cursive;
  --f35-raio: 14px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--f35-preto);
  color: var(--f35-off);
  font-family: var(--f35-sans);
  font-size: 1.0625rem;
  line-height: 1.6;
}

img { max-width: 100%; display: block; }

a { color: var(--f35-ouro-claro); }

:focus-visible {
  outline: 3px solid var(--f35-amarelo);
  outline-offset: 3px;
  border-radius: 6px;
}

.f35-pular {
  position: absolute;
  left: 12px;
  top: -60px;
  background: var(--f35-amarelo);
  color: var(--f35-preto);
  padding: 10px 14px;
  border-radius: 8px;
  font-weight: 700;
  z-index: 10;
}
.f35-pular:focus { top: 12px; }

.f35-so-leitor {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}