/*
  Marca compartilhada — Ana Delphino (@sigaadelphino)
  Brand Guide Marfim & Rosê · 2026
  Fonte da verdade de conteúdo: /identidade/design-guide.md
  Usado por: index.html, politica-de-privacidade.html, galeria.html, admin/index.html
*/

:root{
  --marfim:#faf5f0;
  --marfim-escuro:#f0e8e0;
  --branco:#ffffff;
  --tinta:#2c1f1a;
  --rose:#c4826e;
  --rose-claro:#e8d5cc;
  --rose-escuro:#8a4838;
  --nude:#a08880;
  --linha:rgba(196,130,110,.22);
  --display:'Cormorant Garamond', serif;
  --sans:'Jost', sans-serif;
  --mono:'DM Mono', monospace; /* só pros widgets técnicos de câmera na home */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--marfim);
  color:var(--tinta);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

.wrap{max-width:1160px;margin:0 auto;padding:0 28px}

.eyebrow{
  font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:var(--rose);
}
.eyebrow.mute{color:var(--nude)}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 26px;border-radius:34px;border:1px solid transparent;
  font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:.02em;
  background:var(--rose);color:#fff;cursor:pointer;transition:.25s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(196,130,110,.35)}
.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.btn-outline{background:transparent;border-color:var(--linha);color:var(--tinta)}
.btn-outline:hover{border-color:var(--rose);box-shadow:none}

/* ---------- formulários ---------- */
label{
  display:block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nude);margin:20px 0 8px;
}
input,textarea{
  width:100%;background:var(--branco);border:1px solid var(--linha);border-radius:10px;
  color:var(--tinta);padding:13px 14px;font-family:var(--sans);font-size:14px;
}
textarea{resize:vertical;min-height:80px;line-height:1.5}
input:focus,textarea:focus{outline:none;border-color:var(--rose)}
input[type=password]{text-align:center;letter-spacing:.05em}
.dica{font-size:12px;color:var(--nude);margin-top:6px;line-height:1.5}

.msg{font-family:var(--sans);font-size:12.5px;min-height:18px;color:var(--rose-escuro)}
.msg.ok{color:#5a8a5a}

/* ---------- cards ---------- */
.card{background:var(--branco);border-radius:14px;border:0.5px solid var(--linha)}

/* ---------- assinatura de rodapé ---------- */
.assinatura-marca{font-family:var(--display);font-style:italic;font-weight:300;color:var(--tinta)}
.assinatura-marca .rose{color:var(--rose)}

/* ---------- divisor ornamental ---------- */
.divisor-orn{display:flex;align-items:center;justify-content:center;gap:12px}
.divisor-orn .linha{height:0.5px;background:var(--rose-claro)}
.divisor-orn .ponto{width:5px;height:5px;border-radius:50%;background:var(--rose)}