/* IDLE SYNC VPS — la stessa app, vestita come L6 ROOM (~/CLAUDE CODE/ghostip/public/stile.css):
   grafite, ambra #d6a84e, Archivo. Si carica dopo style.css solo nella variante vps
   (scripts/build-app.js vps) e cambia i colori pieni da cui style.css deriva tutto il resto. */

@font-face { font-family: "Archivo"; font-weight: 100 900; font-display: swap; src: url(fonts/archivo-latin-ext-var.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Archivo"; font-weight: 100 900; font-display: swap; src: url(fonts/archivo-latin-var.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* chiaro: il tema chiaro di L6 ROOM */
  --shell: #eceef0;
  --shell-2: #f2f4f6;
  --shell-3: #e6e9ec;
  --shell-4: #c9ced4;
  --ink: #0e1114;
  --screen: #0c0e10;
  --bezel: #0e1114;
  --dmg-0: #f0cf86;
  --dmg-1: #57606a;
  --dmg-2: #1b1f23;
  --dmg-3: #131619;
  --phos: #d6a84e;
  --ab: #d6a84e;
  --ab-2: #b98a2f;
  --ab-3: #8a6a2c;
  --amber: #d6a84e;
  --err: #e5484d;
  --on-ab: #0b0906; /* testo sull'ambra: scuro, come --su-accento di L6 ROOM */

  --ink-20: rgb(14 17 20 / 0.2);
  --ink-60: rgb(14 17 20 / 0.6);
  --ink-88: rgb(14 17 20 / 0.88);
  --shell-20: rgb(236 238 240 / 0.2);
  --shell-60: rgb(236 238 240 / 0.6);
  --shell-88: rgb(236 238 240 / 0.88);
  --dmg0-12: rgb(240 207 134 / 0.12);
  --phos-20: rgb(214 168 78 / 0.2);
  --phos-60: rgb(214 168 78 / 0.6);
  --amber-20: rgb(214 168 78 / 0.2);

  --f-pixel: "Archivo", system-ui, sans-serif;
  --f-sans: "Archivo", -apple-system, system-ui, sans-serif;
  --f-round: "Archivo", system-ui, sans-serif;

  --grid-dot: none;
  --grid-dot-neg: none;
}

:root[data-theme="dark"] {
  /* scuro: «cavaliere oscuro», il tema di serie di L6 ROOM */
  --bg: #050607;
  --fg: #e4e7ea;
  --muted: #8b939c;
  --panel: #131619;
  --edge: #1b1f23;
  --drop: #000;
  --floor-a: #0c0e10;
  --floor-b: #0a0c0e;
  --dlg-bg: #0c0e10;
  --dlg-ink: #e4e7ea;
  --dlg-sel: rgb(214 168 78 / 0.12);
  --key: #1b1f23;
  --on-key: #e4e7ea;
  --float-bg: rgb(5 6 7 / 0.88);
  --sheet-bg: #0c0e10;
  --code-bg: #131619;
  --code-fg: #f0cf86;
}

/* Titoli ed etichette nel peso pieno di L6 ROOM, senza il maiuscolo pixel. */
body { font-feature-settings: "tnum"; }
.sheet-h, .hero-title, .composer-head, .send, .primary-btn { font-weight: 800; letter-spacing: -0.01em; }

/* Sull'ambra il testo è scuro (contrasto 9:1 invece di 2:1). */
.talk, .send, .primary-btn, .knob, .pg-item[aria-current="true"] .pg-dot { color: var(--on-ab); }

/* La grana della plastica non c'è: L6 ROOM è liscio. */
body::before { display: none; }

/* Sul server non c'è uno schermo, né appunti, né volume o batteria da mostrare. */
#macChip, #screenBtn, #exchangeBtn, #macScreen, #macExchange { display: none !important; }
#deckScreen { visibility: hidden; pointer-events: none; } /* tiene il posto: il tasto per parlare resta al centro */

/* Il laboratorio (lab/, le sezioni di L6 ROOM): pagina a tutto schermo, l'iframe prende tutto sotto la barra. */
.lab-page[hidden] { display: none; }
.lab-title { font-weight: 800; letter-spacing: 0.08em; font-size: 0.8rem; color: var(--ab); }
.lab-frame { flex: 1; width: 100%; border: 0; background: var(--bg, #050607); }