/* Doce Confeito — identidade visual do site (cores tiradas do selo e das artes da loja: rosa, creme e vinho).
   Servido como /assets/tema.css por cima da identidade padrão do Hermes (HERMES_LOJA_PASTA). */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&display=swap');

:root {
  --red: #c8336f;        /* rosa forte do letreiro */
  --red-dark: #9c1f52;
  --red-soft: rgba(200, 51, 111, 0.12);
  --gold: #5b0f22;       /* vinho do selo */
  --cream: #f6e7d2;
  --charcoal: #4a1626;   /* texto */
  --white: #ffffff;      /* cartões */
  --off: #fdf2f5;        /* fundo */
  --warm: #fbe4ec;
  --warm-2: #f4ccd9;
  --line: #f1d6df;
  --muted: #8d6673;
  --ok: #2e9d62;
  --ok-soft: rgba(46, 157, 98, 0.12);
}

body { background: radial-gradient(1100px 480px at 50% -140px, #f9d3e0 0%, var(--off) 70%) fixed, var(--off); }

/* marca: letreiro em script, como no logo */
.hello .brand b { font-family: 'Dancing Script', cursive; font-weight: 700; font-size: 28px; letter-spacing: 0; color: var(--red); }
.hello .brand b em { color: var(--gold); font-style: normal; }
.hello small { color: var(--muted); }
.hero h1 { font-family: 'Dancing Script', cursive; font-weight: 700; letter-spacing: 0; line-height: 1.08; color: var(--red); }
.hero h1 #heroDestaque { color: var(--gold); }
.hero .tag { background: var(--red); color: #fff; }
.hero:not(.com-banner) { background: linear-gradient(120deg, #fde7ee, #f9d3e0 60%, #f6c3d4); }

/* cartões e preços */
.prod .price { color: var(--red); }
.prod .tagp { background: var(--red); }

/* com a foto do banner atrás, título claro (o vinho some sobre a foto) */
.hero.com-banner h1 { color: #ffd6e5; }
.hero.com-banner h1 #heroDestaque { color: #ffffff; }