/* ═══════ AB Beauty — marca.css ═══════
   Fonte única de verdade das cores, fontes e raios da casa. Os valores
   são os da /agenda (agenda.css), que é a referência visual: rosa suave,
   ameixa para texto sobre blush, fundo #FFF7FB, DM Sans em tudo.

   Ordem de carregamento: esta folha entra ANTES de qualquer outra, para
   as demais só consumirem var(--ab-*). Nenhum seletor aqui mexe em
   estrutura — só tokens, base tipográfica e o bloco de aliases. */

:root{
  /* rosa */
  --ab-rosa:#EC4899;
  --ab-rosa-suave:#F472B6;
  --ab-rosa-claro:#FBCFE8;
  --ab-blush:#FCE7F3;
  --ab-selecao:#FDF2F8;
  /* ameixa: texto sobre blush e títulos */
  --ab-ameixa:#831843;
  --ab-ameixa-media:#9D174D;
  /* neutros */
  --ab-fundo:#FFF7FB;
  --ab-grafite:#1E293B;
  --ab-cinza:#64748B;
  --ab-borda:#E2E8F0;
  --ab-neve:#F1F5F9;
  --ab-branco:#FFFFFF;
  /* estados */
  --ab-ok:#15803D;
  --ab-ok-fundo:#DCFCE7;
  --ab-alerta-fundo:#FEF9C3;
  --ab-alerta-borda:#FDE68A;
  --ab-alerta-texto:#713F12;
  --ab-erro:#DC2626;
  --ab-erro-fundo:#FEE2E2;
  /* degradês */
  --ab-degrade:linear-gradient(135deg,#F472B6,#EC4899);
  --ab-degrade-cabecalho:linear-gradient(135deg,#FBCFE8,#F9A8D4);
  /* sombras e cantos */
  --ab-sombra:0 1px 3px rgba(15,23,42,.08);
  --ab-sombra-alta:0 10px 30px -12px rgba(236,72,153,.35);
  --ab-raio-cartao:16px;
  --ab-raio:12px;
  /* tipografia */
  --ab-fonte:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ab-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ───────── base ───────── */
html{
  font-family:var(--ab-fonte);
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* botões e campos herdam a fonte: sem isto o navegador põe Arial neles */
button,input,select,textarea{font:inherit}
::selection{background:rgba(244,114,182,.32)}
:focus-visible{outline:3px solid rgba(236,72,153,.35);outline-offset:2px}

/* ───────── aliases das variáveis antigas ─────────
   As folhas e os <style> das lojas ainda falam em "ouro", "vinho",
   "marfim"... Aqui cada nome antigo aponta para um token da casa, então
   qualquer regra esquecida já nasce rosa em vez de dourada. Podem sumir
   quando o último uso for apagado. */
:root{
  /* destaques dourados → rosa */
  --ouro:var(--ab-rosa);
  --neon:var(--ab-rosa);
  --ouro-2:var(--ab-ameixa-media);
  --ouro-escuro:var(--ab-ameixa-media);
  --ouro-claro:var(--ab-rosa-claro);
  --roxo-neon:var(--ab-rosa-suave);
  /* vinhos e verdes de título → ameixa */
  --vinho:var(--ab-ameixa);
  --vinho-2:var(--ab-ameixa);
  --rosa-vinho:var(--ab-ameixa);
  --rosa-forte:var(--ab-ameixa-media);
  --musgo:var(--ab-ameixa);
  --verde:var(--ab-ameixa);
  --verde-fundo:var(--ab-ameixa);
  --verde-escuro:var(--ab-ameixa);
  --verde-claro:var(--ab-rosa-claro);
  /* texto corrido → grafite/cinza */
  --tinta:var(--ab-grafite);
  --texto:var(--ab-grafite);
  --texto-2:var(--ab-cinza);
  /* fundos claros e escuros → fundo da casa */
  --marfim:var(--ab-fundo);
  --rosa-neve:var(--ab-fundo);
  --creme:var(--ab-fundo);
  --creme-2:var(--ab-blush);
  --noite:var(--ab-fundo);
  --carta:var(--ab-branco);
  /* "rosa" nas páginas antigas era uma cor de borda/pele clara */
  --rosa:var(--ab-rosa-claro);
  --rosa-medio:var(--ab-rosa-claro);
  --whats:var(--ab-ok);
  /* cores por loja usadas no código do pedido pago */
  --c-kits:var(--ab-ameixa);
  --c-sex:var(--ab-ameixa);
  --c-bio:var(--ab-ameixa);
}