/* ================================================================
   Identidade visual por chá (html.site-*; ver js/config/site.js).
   O chá de bebê usa os estilos base. Os temas continuam com os ids azul/rosa/verde (validados nas
   regras do RTDB), mas cada site dá a cada posição a sua paleta, ilustração e nome.
   Carregado por último: só redefine tokens e fundos.
   ================================================================ */

/* ============================ CHÁ DE PANELA ============================
   Cozinha de casa nova: linho cru, café, terracota, oliva e mostarda.
   Temas: verde = Oliva · rosa = Terracota · azul = Azulejo. */
html.site-panela {
  --ivory:#f7f2ea; --paper:#fffcf7; --ink:#2f2925; --muted:#7a6e64; --line:#e6dccf;
  --accent:#a9492f; --accent-dark:#843621; --accent-soft:#f3dccf; --accent-rgb:169,73,47; --accent-line:#d9a58f;
  --sage:#a4a982; --sage-soft:#ecebdc; --blue:#b9c6d4; --blue-soft:#e9eef4; --gold:#c9973c;
  --glow-1:rgba(201,151,60,.14); --glow-2:rgba(169,73,47,.1);
  --hero-from:#f8f2e9; --hero-to:#f1e6d6; --topbar-bg:rgba(247,242,234,.92);
  --shadow:0 18px 55px rgba(70,48,30,.1);
}
.site-panela .theme-verde {
  --ivory:#f6f5ee; --paper:#fdfdf8; --ink:#2c2f22; --muted:#6f735a; --line:#dfe0cf;
  --accent:#5c6634; --accent-dark:#454d25; --accent-soft:#e6e8d4; --accent-rgb:92,102,52; --accent-line:#b9be96;
  --sage:#a4a982; --sage-soft:#ecedde; --blue:#cfd2b8; --blue-soft:#f1f2e7; --gold:#c9973c;
  --glow-1:rgba(164,169,130,.22); --glow-2:rgba(226,207,158,.26);
  --hero-from:#f7f6ef; --hero-to:#e9e9d8; --topbar-bg:rgba(246,245,238,.92);
  --motif:url(../assets/motif-oliva.svg);
  --shadow:0 18px 55px rgba(50,55,30,.1);
}
.site-panela .theme-rosa {
  --ivory:#f8f1ea; --paper:#fffaf5; --ink:#33241e; --muted:#80645a; --line:#ecd9cc;
  --accent:#a9492f; --accent-dark:#843621; --accent-soft:#f5dfd2; --accent-rgb:169,73,47; --accent-line:#dda68f;
  --sage:#c9a27a; --sage-soft:#f3e7da; --blue:#e7c1ad; --blue-soft:#f8ebe2; --gold:#c9973c;
  --glow-1:rgba(221,166,143,.24); --glow-2:rgba(230,196,138,.24);
  --hero-from:#faf3ec; --hero-to:#f2dfd1; --topbar-bg:rgba(248,241,234,.92);
  --motif:url(../assets/motif-ceramica.svg);
  --shadow:0 18px 55px rgba(90,45,25,.1);
}
.site-panela .theme-azul {
  --ivory:#f4f6f9; --paper:#fcfdff; --ink:#1f2a3a; --muted:#63718a; --line:#d8e0eb;
  --accent:#2b5a8f; --accent-dark:#1d426c; --accent-soft:#dde7f3; --accent-rgb:43,90,143; --accent-line:#a3bad6;
  --sage:#b9c8db; --sage-soft:#e9eff6; --blue:#9fb6d3; --blue-soft:#e8eff7; --gold:#c9973c;
  --glow-1:rgba(159,182,211,.24); --glow-2:rgba(230,210,160,.2);
  --hero-from:#f5f8fc; --hero-to:#e2eaf4; --topbar-bg:rgba(244,246,249,.92);
  --motif:url(../assets/motif-azulejo.svg);
  --shadow:0 18px 55px rgba(25,45,80,.1);
}

.site-panela .lp {
  --lp-cream:#f7f2ea; --lp-cream-2:#efe6d9; --lp-ink:#2b2420; --lp-ink-soft:#6a5d53;
  --lp-blush:#e8c6b4; --lp-terra:#a9492f; --lp-terra-dark:#843621; --lp-gold:#c9973c;
  --lp-sky:#d6dcc6; --lp-sage:#cfd3b5;
}
.site-panela .lp-hero-bg,
.site-panela .auth2-art { background:linear-gradient(170deg,#f9f4ec 0%,#f2e8da 55%,#ecdfcc 100%); }
.site-panela .lp-blob-a { background:radial-gradient(circle,#efcbb7 0%,transparent 68%); }
.site-panela .lp-blob-b { background:radial-gradient(circle,#dcdfc4 0%,transparent 66%); }
.site-panela .lp-blob-c { background:radial-gradient(circle,#f0deb4 0%,transparent 66%); }
.site-panela .lp-pattern,
.site-panela .auth2-pattern { background:url(../assets/motif-oliva.svg) 0 0/210px auto,url(../assets/motif-ceramica.svg) 105px 120px/210px auto; }
.site-panela .lp-btn-primary { background:linear-gradient(135deg,#b8583b,#93402a); box-shadow:0 12px 28px -8px rgba(140,60,35,.55),inset 0 1px 0 rgba(255,255,255,.22); }
.site-panela .lp-art-rose { color:#93402a; background:#f5ddd0; }
.site-panela .lp-art-blue { color:#2b5a8f; background:#e2eaf4; }
.site-panela .lp-art-sage { color:#5c6634; background:#e8e9d6; }
.site-panela .lp-check { background:#5c6634; }
.site-panela .lp-step-num { color:rgba(169,73,47,.08); }
.site-panela .lp-quote {
  background:
    radial-gradient(ellipse at 20% 0%,rgba(201,151,60,.32),transparent 55%),
    radial-gradient(ellipse at 85% 100%,rgba(164,169,130,.3),transparent 55%),
    #2f2621;
}
.site-panela .lp-quote-pattern { background-image:url(../assets/motif-oliva.svg); }
.site-panela .lp-quote em { color:#e9b98f; }
.site-panela .lp-final-card {
  background:
    radial-gradient(ellipse at 0% 0%,#c9734f 0%,transparent 55%),
    radial-gradient(ellipse at 100% 100%,#5c6634 0%,transparent 55%),
    linear-gradient(135deg,#a9492f,#5b3a26);
  box-shadow:0 50px 90px -50px rgba(90,45,25,.75);
}
.site-panela .lp-final-pattern { background:url(../assets/motif-ceramica.svg) 0 0/200px auto,url(../assets/motif-oliva.svg) 100px 70px/200px auto; }
.site-panela .lp-mobile { width:250px; top:64px; opacity:1; }

/* =========================== CHÁ DE LINGERIE ===========================
   Boudoir editorial: marfim e champanhe, ameixa, bordô e ouro rosé; títulos em Cormorant Garamond.
   Temas: rosa = Blush · verde = Bordô · azul = Noir. */
html.site-lingerie {
  --ivory:#f8f3ef; --paper:#fffcfa; --ink:#2a1d22; --muted:#80696f; --line:#ecdfe0;
  --accent:#7a2638; --accent-dark:#5c1b2a; --accent-soft:#f3e0e3; --accent-rgb:122,38,56; --accent-line:#d6a9b3;
  --sage:#d9b9a8; --sage-soft:#f5ebe6; --blue:#e3cfd2; --blue-soft:#f8eff0; --gold:#b98a5e;
  --glow-1:rgba(214,169,179,.18); --glow-2:rgba(217,191,143,.2);
  --hero-from:#faf5f2; --hero-to:#f3e6e3; --topbar-bg:rgba(248,243,239,.92);
  --shadow:0 18px 55px rgba(70,30,40,.1);
  --display:'Cormorant Garamond','Fraunces',Georgia,serif;
}
.site-lingerie .theme-rosa {
  --ivory:#fbf4f3; --paper:#fffbfa; --ink:#3a2329; --muted:#8a6c75; --line:#f0dde0;
  --accent:#a3546a; --accent-dark:#7f3c50; --accent-soft:#f6e2e7; --accent-rgb:163,84,106; --accent-line:#e2b4c0;
  --sage:#d9b9a8; --sage-soft:#f7ece7; --blue:#ecd0d6; --blue-soft:#fbf0f2; --gold:#c4a07a;
  --glow-1:rgba(226,180,192,.26); --glow-2:rgba(236,214,190,.3);
  --hero-from:#fcf5f4; --hero-to:#f4e1e2; --topbar-bg:rgba(251,244,243,.92);
  --motif:url(../assets/motif-renda.svg);
  --shadow:0 18px 55px rgba(110,45,65,.09);
}
.site-lingerie .theme-verde {
  --ivory:#f9f4f2; --paper:#fffcfb; --ink:#2b1a1f; --muted:#82646b; --line:#eddcdc;
  --accent:#6f1d33; --accent-dark:#521426; --accent-soft:#f1dde1; --accent-rgb:111,29,51; --accent-line:#cf9aa7;
  --sage:#d9aab3; --sage-soft:#f5e6e8; --blue:#e5c4cb; --blue-soft:#f8ecee; --gold:#c4a07a;
  --glow-1:rgba(207,154,167,.22); --glow-2:rgba(230,201,166,.24);
  --hero-from:#faf4f2; --hero-to:#efdcdc; --topbar-bg:rgba(249,244,242,.92);
  --motif:url(../assets/motif-rosas.svg);
  --shadow:0 18px 55px rgba(80,20,35,.1);
}
.site-lingerie .theme-azul {
  --ivory:#f5f3f1; --paper:#fdfcfb; --ink:#1d1a1b; --muted:#736c6b; --line:#e3dedb;
  --accent:#2a2427; --accent-dark:#141113; --accent-soft:#ebe5e0; --accent-rgb:42,36,39; --accent-line:#c2b39f;
  --sage:#d8c9b4; --sage-soft:#f1ece6; --blue:#e2d6c4; --blue-soft:#f5f1ec; --gold:#b8925a;
  --glow-1:rgba(194,179,159,.22); --glow-2:rgba(217,191,143,.2);
  --hero-from:#f6f3f0; --hero-to:#e7e1db; --topbar-bg:rgba(245,243,241,.92);
  --motif:url(../assets/motif-perolas.svg);
  --shadow:0 18px 55px rgba(20,15,15,.12);
}

.site-lingerie .lp {
  --lp-cream:#f8f3ef; --lp-cream-2:#f1e7e2; --lp-ink:#241a1e; --lp-ink-soft:#73626a;
  --lp-blush:#e9c9cc; --lp-terra:#7a2638; --lp-terra-dark:#5c1b2a; --lp-gold:#b98a5e;
  --lp-sky:#ecdcdc; --lp-sage:#e8dccf;
}
.site-lingerie .lp-hero-bg,
.site-lingerie .auth2-art { background:linear-gradient(170deg,#fbf6f3 0%,#f5e9e6 55%,#efdfdc 100%); }
.site-lingerie .lp-blob-a { background:radial-gradient(circle,#f0d3d6 0%,transparent 68%); }
.site-lingerie .lp-blob-b { background:radial-gradient(circle,#f1e2cf 0%,transparent 66%); }
.site-lingerie .lp-blob-c { background:radial-gradient(circle,#e8d5dd 0%,transparent 66%); }
.site-lingerie .lp-pattern,
.site-lingerie .auth2-pattern { background:url(../assets/motif-renda.svg) 0 0/210px auto,url(../assets/motif-perolas.svg) 105px 120px/210px auto; }
.site-lingerie .lp-btn-primary { background:linear-gradient(135deg,#8c2f45,#5c1b2a); box-shadow:0 12px 28px -8px rgba(92,27,42,.55),inset 0 1px 0 rgba(255,255,255,.2); }
.site-lingerie .lp-art-rose { color:#7f3c50; background:#f6e2e7; }
.site-lingerie .lp-art-blue { color:#6f1d33; background:#f1dde1; }
.site-lingerie .lp-art-sage { color:#8a6a3e; background:#f2e9dc; }
.site-lingerie .lp-check { background:#7a2638; }
.site-lingerie .lp-step-num { color:rgba(122,38,56,.07); }
.site-lingerie .lp-quote {
  background:
    radial-gradient(ellipse at 20% 0%,rgba(163,84,106,.38),transparent 55%),
    radial-gradient(ellipse at 85% 100%,rgba(185,138,94,.28),transparent 55%),
    #231920;
}
.site-lingerie .lp-quote-pattern { background-image:url(../assets/motif-renda.svg); }
.site-lingerie .lp-quote em { color:#e6bfa6; }
.site-lingerie .lp-final-card {
  background:
    radial-gradient(ellipse at 0% 0%,#a3546a 0%,transparent 55%),
    radial-gradient(ellipse at 100% 100%,#b98a5e 0%,transparent 50%),
    linear-gradient(135deg,#7a2638,#2e1a22);
  box-shadow:0 50px 90px -50px rgba(70,20,35,.75);
}
.site-lingerie .lp-final-pattern { background:url(../assets/motif-renda.svg) 0 0/200px auto,url(../assets/motif-perolas.svg) 100px 70px/200px auto; }

/* Fios de pérolas: traço fino, então maiores e sem transparência para não sumirem no fundo claro. */
.site-lingerie .lp-mobile { width:250px; top:64px; opacity:1; }

/* Cormorant é mais fina e de olho menor que a Fraunces: mais peso e um pouco mais de corpo. */
.site-lingerie h1,
.site-lingerie h2,
.site-lingerie h3,
.site-lingerie .lp-quote p,
.site-lingerie .auth2-quote p { font-weight:500; letter-spacing:-.01em; }
.site-lingerie .lp-hero h1 { font-size:clamp(46px,6.4vw,92px); line-height:.98; }
.site-lingerie .lp-logo,
.site-lingerie .brand,
.site-lingerie .auth2-logo,
.site-lingerie .lp-footer-brand { font-weight:600; letter-spacing:.01em; }
