/* Thème (couleurs clair/sombre), typographie, boutons et champs. */
:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --mat:#e9e4f2; --mat2:#f5f2fa; --ui:#ffffff; --line:rgba(36,31,51,.15);
  --ink:#241f33; --muted:#625a78; --card:#fffaf0; --cardink:#2a2118; --edge:#bfa979;
  --brass:#9a7020; --life:#b8392f; --poison:#4d7a26; --focus:#6b4fd8;
  --serif:"Alegreya",Georgia,"Times New Roman",serif;
  --sans:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --mat:#27223a; --mat2:#312b48; --ui:#3a3355; --line:rgba(255,255,255,.13);
    --ink:#efe9dc; --muted:#b4acc8; --card:#efe6d2; --cardink:#2a2118; --edge:#b39c6e;
    --brass:#d8ad55; --life:#ec7a70; --poison:#9ccb66; --focus:#b7a4ff;
  }
}
:root[data-theme="dark"]{
  --mat:#27223a; --mat2:#312b48; --ui:#3a3355; --line:rgba(255,255,255,.13);
  --ink:#efe9dc; --muted:#b4acc8; --card:#efe6d2; --cardink:#2a2118; --edge:#b39c6e;
  --brass:#d8ad55; --life:#ec7a70; --poison:#9ccb66; --focus:#b7a4ff;
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0}
body{background:var(--mat);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.btn{background:var(--ui);border:1px solid var(--line);border-radius:8px;padding:.4rem .75rem;min-height:36px}
.btn:hover{border-color:var(--muted)}
.btn.pri{background:var(--brass);color:#fff;border-color:transparent;font-weight:700}
:root:not([data-theme="light"]) .btn.pri{color:#1f1a10}
:root[data-theme="light"] .btn.pri{color:#fff}
.btn.ghost{background:transparent}
.btn.sm{min-height:30px;padding:.2rem .55rem;font-size:.9rem}
.btn.danger{color:var(--life)}
.muted{color:var(--muted)}
input[type=text],input[type=number],textarea,select{background:var(--mat2);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;width:100%}
textarea{min-height:220px;font-size:.95rem;resize:vertical}
label{display:block;font-weight:500;margin:.8rem 0 .3rem}
.row{display:flex;align-items:center;gap:.5rem}
.row.between{justify-content:space-between}
.empty{color:var(--muted);padding:.5rem 0}
.notice{border-left:3px solid var(--brass);background:var(--mat2);padding:.7rem .9rem;border-radius:0 8px 8px 0;margin:0 0 1rem}
:root:not([data-theme="light"]) .seat.on{color:#1f1a10}
:root[data-theme="light"] .seat.on{color:#fff}