/* Stile A · «Bottega del tabacchino» — chiaro, caldo, da insegna di quartiere.
   Carta e crema, marrone tabacco, ambra/rame, verde bottiglia. È lo stile di base. */

:root,
:root[data-stile="bottega"]{
  color-scheme:light;
  --bg:#f3eadb;
  --bg-fx:
    radial-gradient(circle at 10% 0%,rgba(200,116,43,.10),transparent 34%),
    radial-gradient(circle at 95% 30%,rgba(47,93,74,.08),transparent 30%),
    repeating-linear-gradient(0deg,rgba(43,29,20,.018) 0 1px,transparent 1px 4px);
  --surface:#fbf6ec;
  --surface-2:#fffdf8;
  --ink:#2b1d14;
  --muted:#6b5545;
  --faint:#a08b78;
  --line:rgba(43,29,20,.14);
  --line-strong:rgba(43,29,20,.28);
  --accent:#b8652a;
  --accent-ink:#fffaf2;
  --accent-soft:rgba(184,101,42,.13);
  --accent-2:#2f5d4a;
  --danger:#a8322a;
  --danger-soft:rgba(168,50,42,.10);
  --riga-alterna:rgba(43,29,20,.025);

  --font-title:"Fraunces",Georgia,"Times New Roman",serif;
  --font-body:"Work Sans","Inter",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"Courier Prime","Courier New",ui-monospace,monospace;
  --title-weight:700;
  --title-case:none;
  --title-track:-.01em;
  --brand-case:none;
  --brand-track:0;
  --em-style:italic;

  --radius:10px;
  --radius-sm:8px;
  --radius-btn:8px;
  --shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 26px -18px rgba(43,29,20,.45);

  --topbar-bg:#2b1d14;
  --topbar-ink:#f6ead6;
  --topbar-muted:#cdb79c;
  --topbar-hover:rgba(246,234,214,.08);
  --topbar-line:3px double #c8742b;
  --footer-bg:#2b1d14;

  --btn-bg:#b8652a;
  --btn-ink:#fffaf2;
  --btn-border:1px solid #8f4a1c;
  --btn-shadow:0 2px 0 #8f4a1c,0 8px 16px -10px rgba(143,74,28,.7);
  --btn-track:.01em;
  --btn-case:none;
  --ghost-bg:transparent;
  --ghost-hover:rgba(43,29,20,.06);

  --card-bg:var(--surface);
  --card-border:1px solid var(--line-strong);

  --receipt-bg:#fffef9;
  --receipt-ink:#2b1d14;
  --receipt-border:1px dashed rgba(43,29,20,.35);

  --marchio-fondo:#2b1d14;
  --marchio-filetto:#c8742b;
  --marchio-segno:#f6ead6;
  --marchio-brace:#e08a3c;
}

/* Cartellino con doppio filetto */
[data-stile="bottega"] .card{box-shadow:inset 0 0 0 5px var(--surface),inset 0 0 0 6px var(--line),var(--shadow)}
[data-stile="bottega"] .hero-card{background:var(--surface-2);border:2px solid var(--ink);
  box-shadow:inset 0 0 0 7px var(--surface-2),inset 0 0 0 8px var(--accent),8px 8px 0 rgba(43,29,20,.12)}
[data-stile="bottega"] .eyebrow::before,
[data-stile="bottega"] .section-title .eyebrow::after{content:"";width:28px;height:1px;background:currentColor}
[data-stile="bottega"] .hero h1{color:var(--ink)}
[data-stile="bottega"] .servizio-icona{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%}
[data-stile="bottega"] .servizio.warning .servizio-icona{border-color:color-mix(in srgb,var(--danger) 30%,transparent)}
[data-stile="bottega"] .kpi-icona{border-radius:50%}
[data-stile="bottega"] .brand-nome{font-style:italic}
[data-stile="bottega"] .btn.ghost{color:var(--ink)}
[data-stile="bottega"] .topbar .btn{box-shadow:none}
[data-stile="bottega"] .result{box-shadow:0 8px 18px -14px rgba(43,29,20,.5);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;
          mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;
  padding-bottom:22px}
[data-stile="bottega"] footer{color:var(--topbar-muted);border-top:3px double #c8742b}
[data-stile="bottega"] footer .bollino{color:#f0b3a8;background:rgba(240,179,168,.08);border-color:rgba(240,179,168,.35)}