/* Temas de cor por tipo de loja. <html data-tema="barbearia|cabeleireiro|salao|manicure"> */
:root{
  --on-gold:#1a1408; --warn-bg:#2b2312; --warn-line:#5a4620; --bad-bg:#2d1715; --bad-line:#5a2a26; --bad-tx:#ffb3ad;
  --nav-bg:#0f0d0b; --top-bg:rgba(20,18,16,.94); --gold-soft:rgba(201,162,74,.1); --gold-soft2:#3a2f15; --hero-fade:rgba(10,9,8,.92);
  --pole:repeating-linear-gradient(-45deg,#b3362f 0 10px,#f3ede4 10px 20px,#2f4f8f 20px 30px,#f3ede4 30px 40px);
}
.pole{background:var(--pole)!important}

/* Cabeleireiro: grafite + azul-petróleo */
html[data-tema="cabeleireiro"]{
  --bg:#0e1316; --bg2:#141c20; --card:#172126; --card2:#1d2a30; --line:#29404a;
  --tx:#eef5f6; --tx2:#9fb4ba; --gold:#25b0aa; --gold2:#6fe0d8; --on-gold:#04201f;
  --warn-bg:#10302f; --warn-line:#1f5c58; --nav-bg:#0a0f11; --top-bg:rgba(14,19,22,.94);
  --gold-soft:rgba(37,176,170,.12); --gold-soft2:#123a38; --hero-fade:rgba(6,12,14,.92);
  --pole:linear-gradient(90deg,#0d6e6a,#25b0aa 40%,#cfd8dc 60%,#25b0aa 80%,#0d6e6a);
}
/* Cabeleireira / Salão: vinho + rosé */
html[data-tema="salao"]{
  --bg:#170c11; --bg2:#1f1117; --card:#26151c; --card2:#2e1a22; --line:#4a2834;
  --tx:#f9eef1; --tx2:#c7a5ae; --gold:#e08aa2; --gold2:#f6c3d0; --on-gold:#2a0c16;
  --warn-bg:#3a1824; --warn-line:#6d3346; --nav-bg:#12090d; --top-bg:rgba(23,12,17,.94);
  --gold-soft:rgba(224,138,162,.12); --gold-soft2:#45202d; --hero-fade:rgba(18,6,11,.92);
  --pole:linear-gradient(90deg,#7a2440,#e08aa2 35%,#f6dbe2 50%,#e08aa2 65%,#7a2440);
}
/* Manicure e Pedicure: rosa + nude (claro) */
html[data-tema="manicure"]{
  --bg:#fff6f3; --bg2:#fbeae6; --card:#ffffff; --card2:#fdf1ee; --line:#efd4cf;
  --tx:#3b2529; --tx2:#8a6a70; --gold:#d6527c; --gold2:#b33a62; --on-gold:#ffffff;
  --red:#c0392b; --green:#2e8b57; --blue:#3d6fc4;
  --warn-bg:#fdecf1; --warn-line:#f1bfce; --bad-bg:#fdecea; --bad-line:#f0b7b0; --bad-tx:#a8302a;
  --nav-bg:#ffffff; --top-bg:rgba(255,246,243,.95); --gold-soft:rgba(214,82,124,.1); --gold-soft2:#fbdde6; --hero-fade:rgba(70,25,40,.88);
  --pole:linear-gradient(90deg,#f3c6cf,#d6527c 30%,#f7e1d7 50%,#d6527c 70%,#f3c6cf);
}
html[data-tema="manicure"] body{color-scheme:light}
html[data-tema="manicure"] .hero .cap,html[data-tema="manicure"] .hero .cap h1{color:#fff}
html[data-tema="manicure"] .hero .frase{color:#f6e4e8}
html[data-tema="manicure"] .badge{background:#f6e9e7;color:#7a5a60}
html[data-tema="manicure"] .b-green{background:#e3f4ea;color:#1f6b43} html[data-tema="manicure"] .b-red{background:#fbe3e0;color:#a8302a}
html[data-tema="manicure"] .b-gold{background:#fbdde6;color:#a3305a} html[data-tema="manicure"] .b-blue{background:#e4ecfa;color:#2c4f93}
html[data-tema="manicure"] .item.feito{border-color:#bfe3cc}
html[data-tema="manicure"] .pix-card{background:linear-gradient(135deg,#e9f7f0,#ffffff);border-color:#bfe3cc}
html[data-tema="manicure"] .modal{background:rgba(60,30,40,.45)}
html[data-tema="manicure"] .mock{background:#fff;border:1px solid var(--line)}
html[data-tema="manicure"] .tabela td,html[data-tema="manicure"] .tabela th{border-color:var(--line)}
html[data-tema="manicure"] .item,html[data-tema="manicure"] .card,html[data-tema="manicure"] .kpi{box-shadow:0 1px 3px rgba(120,60,80,.06)}
html[data-tema="manicure"] .app-banner{background:linear-gradient(135deg,#fde6ee,#fff)}
html[data-tema="salao"] .app-banner,html[data-tema="cabeleireiro"] .app-banner{background:linear-gradient(135deg,var(--warn-bg),var(--bg2))}
/* faixa de demonstração */
.faixa-demo{background:var(--gold);color:var(--on-gold);font-size:13px;text-align:center;padding:6px 12px;font-weight:600}