/* Identità di Scenora. Concetto: una platea vista dal palco; un solo posto, quello prenotato, è terracotta.
   Palette: crema (carta), inchiostro (testo e posti), terracotta (l'unico accento), grigio-viola (testo secondario), grigio palco.
   Tipografia: serif di sistema (titoli, wordmark) e sans di sistema (testo): nessun servizio esterno, nessun file da caricare. */
*,*::before,*::after{box-sizing:border-box}

:root{
  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bg:#FBF8F1;--card:#FFFDF8;--soft:#F2E8DE;--fg:#1F1B2E;--muted:#6A6483;--line:#E6DCCD;
  --accent:#B3452B;--accent-fg:#FFF8F1;--accent-soft:#F6E0D6;--stage:#B1AFB8;
  --ok:#2F7A4D;--warn:#8A5A00;--err:#B3261E;--info:#3A5A9B;
  --free:#2F6F5E;--taken:#CFC8BC;--sel:#1F1B2E;
  --shadow:0 1px 2px rgba(31,27,46,.06),0 8px 24px rgba(31,27,46,.07);
  --grad-accent:linear-gradient(180deg,#C65234 0%,#A93C23 100%);--ring:0 0 0 4px rgba(179,69,43,.18);
  --glass:rgba(255,253,248,.72);--glass-line:rgba(31,27,46,.08);--glow:rgba(229,138,110,.30);--mesh-a:rgba(229,138,110,.22);--mesh-b:rgba(120,110,190,.14);
  --elev:0 1px 1px rgba(31,27,46,.04),0 2px 4px rgba(31,27,46,.04),0 12px 32px -8px rgba(31,27,46,.14),inset 0 1px 0 rgba(255,255,255,.7);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#15121F;--card:#1E1A2D;--soft:#272238;--fg:#F4EEE4;--muted:#A9A3BD;--line:#353049;
  --accent:#E58A6E;--accent-fg:#1B1424;--accent-soft:#3A2630;--stage:#6D6A7C;
  --ok:#7FD3A0;--warn:#E7C35A;--err:#FF9A8F;--info:#9DB8F0;
  --free:#7FD3A0;--taken:#4A4560;--sel:#F4EEE4;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
  --grad-accent:linear-gradient(180deg,#F0997D 0%,#D9714F 100%);--ring:0 0 0 4px rgba(229,138,110,.25);
  --glass:rgba(30,26,45,.66);--glass-line:rgba(244,238,228,.09);--glow:rgba(229,138,110,.22);--mesh-a:rgba(229,138,110,.16);--mesh-b:rgba(120,110,190,.22);
  --elev:0 1px 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.25),0 14px 36px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#15121F;--card:#1E1A2D;--soft:#272238;--fg:#F4EEE4;--muted:#A9A3BD;--line:#353049;
  --accent:#E58A6E;--accent-fg:#1B1424;--accent-soft:#3A2630;--stage:#6D6A7C;
  --ok:#7FD3A0;--warn:#E7C35A;--err:#FF9A8F;--info:#9DB8F0;
  --free:#7FD3A0;--taken:#4A4560;--sel:#F4EEE4;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
  --grad-accent:linear-gradient(180deg,#F0997D 0%,#D9714F 100%);--ring:0 0 0 4px rgba(229,138,110,.25);
  --glass:rgba(30,26,45,.66);--glass-line:rgba(244,238,228,.09);--glow:rgba(229,138,110,.22);--mesh-a:rgba(229,138,110,.16);--mesh-b:rgba(120,110,190,.22);
  --elev:0 1px 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.25),0 14px 36px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
  color-scheme:dark}

html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:650;letter-spacing:-.01em;text-wrap:balance}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}
::selection{background:var(--accent-soft);color:var(--fg)}

/* Marchio: i posti sono inchiostro, quello evidenziato è terracotta, il palco è grigio. Segue il tema da solo. */
.mark{display:block;height:2rem;width:auto}
.mark .d{fill:var(--fg)}.mark .hot{fill:var(--accent)}.mark .stage{fill:var(--stage)}
.logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--fg);text-decoration:none}
.logo .wordmark{font-family:var(--font-display);font-weight:700;font-size:1.55rem;letter-spacing:-.02em;line-height:1}
.logo.small .mark{height:1.5rem}.logo.small .wordmark{font-size:1.2rem}
.tagline{font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* Interruttore del tema (sistema -> chiaro -> scuro) */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;padding:0;min-height:0}
.theme-toggle:hover{background:var(--soft)}
.theme-toggle svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .i-light,.theme-toggle .i-dark,.theme-toggle .i-auto{display:none}
[data-pref="light"] .theme-toggle .i-light,[data-pref="dark"] .theme-toggle .i-dark,[data-pref="auto"] .theme-toggle .i-auto{display:block}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Profondità: un velo caldo dietro la pagina (come la luce di sala), i controlli hanno rilievo e una risposta al tocco */
body{background-image:radial-gradient(60rem 36rem at 12% -8%,var(--mesh-a),transparent 70%),radial-gradient(52rem 32rem at 100% 0%,var(--mesh-b),transparent 70%);background-repeat:no-repeat;background-attachment:fixed}
html{scroll-behavior:smooth}