/* Bella Etuna: ljus, neutral färgsättning enligt 60-30-10 (Lokes krav 2026-11-14).
   60 % varm off-white (sidans botten), 30 % grå-beige/stengrå (kort, menyytor, scenbotten, sidfot), 10 % dämpad tomatröd (knappar, varukorg, pris).
   Bara färg, skugga och kontrast: inga sektioner, animationer eller typsnitt ändras. Mallens css är orörd; allt här skriver över.
   Grundfärgerna sätts i data.json (theme). Filmscenerna (hero, ugnsfilmen, pizzaskivan) är foton och förblir mörka. */

html:root[data-theme="pizzeria"] {
  --stroke: #FBF9F5;                 /* "papper": ljusa lappar och rubrikernas kontur */
  --word: var(--accent);
  --sten: #E7E2D9;                   /* 30 %: kort och menyytor */
  --sten-2: #DAD4C8;
  --skugga: 0 16px 36px -26px rgba(35, 32, 28, .45);
  color-scheme: light;
}

/* ---- Mörka filmscener: mallens mörka värden gäller inuti dem --------------------------------------------- */
:root[data-theme="pizzeria"] .hero,
:root[data-theme="pizzeria"] .pz-oven {
  --bg: #0C0B0A; --bg2: #171412; --text: #F4E9D8; --text-soft: #BBAC98;
  --line: rgba(244, 233, 216, .16); --line-strong: rgba(244, 233, 216, .34); --stroke: #FFF6EA;
  color: var(--text);
}
/* Sidhuvudet ligger genomskinligt över den mörka heron tills man scrollar: ljus text där, mörk när det blir fast */
:root[data-theme="pizzeria"] .site-header:not(.is-solid) { color: #F4E9D8; }
:root[data-theme="pizzeria"] .site-header:not(.is-solid) .btn--ghost,
:root[data-theme="pizzeria"] .site-header:not(.is-solid) .nav-toggle { border-color: rgba(244, 233, 216, .5); color: inherit; }
:root[data-theme="pizzeria"] body.nav-open .site-header { color: var(--text); }
:root[data-theme="pizzeria"] .site-header.is-solid { color: var(--text); box-shadow: 0 1px 0 var(--line); }

/* ---- Scenerna knåda/toppa och servera: stengrå botten i stället för kol ---------------------------------- */
:root[data-theme="pizzeria"] .pz-build, :root[data-theme="pizzeria"] .pz-serve { --bg: var(--sten); }
.pz-build__glow { background: radial-gradient(50% 42% at 50% 56%, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25) 45%, transparent 70%); }
.pz-pizza__shadow { background: radial-gradient(50% 50% at 50% 50%, rgba(35, 32, 28, .34), rgba(35, 32, 28, 0) 70%); }
.pz-info--about, .pz-dish { box-shadow: var(--skugga); }
.pz-info--dishes .pz-info__ex { color: var(--text-soft); }
@media (min-width: 900px) { .pz-serve__text { box-shadow: var(--skugga); } }

/* ---- Bakgrund: glöden blir mjuka stenfält, det stora dekorordet blir en ton i ytan ----------------------- */
:root[data-theme="pizzeria"] .glows i:nth-child(1) { opacity: .9; }
:root[data-theme="pizzeria"] .glows i:nth-child(3) { background: var(--glow2); opacity: .5; }
:root[data-theme="pizzeria"] .pz-deco__word { color: rgba(35, 32, 28, .055); -webkit-text-stroke: 0; opacity: 1; }
.pz-deco__word .um::before, .pz-deco__word .um::after { --um-stroke: transparent; }

/* ---- Kort och ytor (30 %) ------------------------------------------------------------------------------- */
:root[data-theme="pizzeria"] .menu-cat { background: var(--sten); box-shadow: var(--skugga); color: var(--text); }
:root[data-theme="pizzeria"] .menu-cat .dish, :root[data-theme="pizzeria"] .menu-cat .dish:last-child { border-color: rgba(35, 32, 28, .13); }
:root[data-theme="pizzeria"] .menu-cat .dish__name { color: var(--text); }
:root[data-theme="pizzeria"] .menu-cat .dish__text { color: #55504A; }
.hours-big__row, .hours-big__row:last-child { background: var(--sten); box-shadow: var(--skugga); color: var(--text); }
.hours-big__days { color: #55504A; }
:root[data-theme="pizzeria"] .hours-big__time { color: var(--text); }
:root[data-theme="pizzeria"] .about__body > div:first-of-type { background: var(--sten); color: var(--text); box-shadow: var(--skugga); }
:root[data-theme="pizzeria"] .about__body p { color: #3A3631; }
:root[data-theme="pizzeria"] .about__figure { box-shadow: var(--skugga); }
:root[data-theme="pizzeria"] .book { background: var(--sten); color: var(--text); box-shadow: var(--skugga); }
:root[data-theme="pizzeria"] .book__note { color: #55504A; }
:root[data-theme="pizzeria"] .book__title { color: var(--text); }
:root[data-theme="pizzeria"] .site-footer, :root[data-theme="pizzeria"] .room { background: var(--bg2); }
.dish--fast .dish__bild { background: var(--sten-2); }
.bs-notis { background: var(--stroke); }

/* ---- Knappar (10 %) ------------------------------------------------------------------------------------- */
:root[data-theme="pizzeria"] .btn--accent, .fab-bar__btn { color: #fff; }
.fab-bar__btn { box-shadow: 0 10px 24px -12px rgba(35, 32, 28, .55); }
.fab-bar__btn--order { background: var(--stroke); color: var(--text); border-color: var(--sten-2); }
.bs-bar .bs-bar__main--stangt { background: var(--text); color: var(--stroke); }
:root[data-theme="pizzeria"] .menu__tabs a { color: var(--text); }
:root[data-theme="pizzeria"] .menu__tabs a.is-active { color: #fff; }

/* Varukorg och kassa följer samma palett */
:root {
  --bs-papper: #FBF9F5; --bs-sten: #E7E2D9; --bs-sten-2: #DAD4C8; --bs-black: #23201C; --bs-gra: #5F594F; --bs-linje: rgba(35, 32, 28, .13);
}
.bs-panel, .bs-ark { color-scheme: light; }