/* Doceliz — tokens da marca (fonte única; site, painel e manual usam este arquivo) */
:root {
  --vinho: #4a1226;
  --vinho-fundo: #3a0d1d;
  --cereja: #8f1f45;
  --framboesa: #d6336c;
  --rosa: #f4b6c8;
  --chantilly: #fde9ef;
  --creme: #fff6ec;
  --papel: #fffbf6;
  --caramelo: #b9772c;
  --tinta: #2b1118;
  --tinta-suave: #6b4a54;
  --linha: rgba(74, 18, 38, 0.14);
  --verde-whats: #128c4b;

  --f-marca: "Oleo Script", "Brush Script MT", cursive;
  --f-titulo: "Fraunces", Georgia, serif;
  --f-texto: "DM Sans", system-ui, sans-serif;
  --f-dado: "DM Mono", ui-monospace, monospace;

  --raio: 18px;
  --raio-g: 28px;
  --sombra: 0 18px 40px -22px rgba(74, 18, 38, 0.45);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--f-texto); color: var(--tinta); background: var(--papel); line-height: 1.5; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--framboesa); outline-offset: 3px; border-radius: 6px; }

/* assinatura da marca: símbolo + nome */
.marca { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--vinho); }
.marca-img { height: 52px; width: auto; display: block; }
.marca-nome { font-family: var(--f-marca); font-size: 30px; line-height: 1; letter-spacing: 0.2px; }
.marca-sub { display: block; font-family: var(--f-dado); font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cereja); margin-top: 3px; }
.marca.clara { color: var(--creme); }
.marca.clara .marca-sub { color: var(--rosa); }

.rotulo { font-family: var(--f-dado); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cereja); }

.botao { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; border: 2px solid transparent; font-weight: 700; font-size: 16px; text-decoration: none; transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.botao svg { width: 20px; height: 20px; flex: none; }
.botao:hover { transform: translateY(-2px); }
.botao:active { transform: translateY(0); }
.botao.cheio { background: var(--framboesa); color: #fff; box-shadow: 0 14px 26px -14px var(--framboesa); }
.botao.cheio:hover { background: var(--cereja); }
.botao.vinho { background: var(--vinho); color: var(--creme); }
.botao.vinho:hover { background: var(--framboesa); }
.botao.whats { background: var(--verde-whats); color: #fff; }
.botao.whats:hover { background: #0c6a38; }
.botao.linha { border-color: var(--vinho); color: var(--vinho); background: transparent; }
.botao.linha:hover { background: var(--vinho); color: var(--creme); }
.botao[disabled] { opacity: 0.55; cursor: not-allowed; transform: none; }

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