/* CGAD theme for Gamja — VHS/CCTV look for cgad.live.
   Verified against the gamja-production build (v shipped 2026-10-31): Gamja themes
   through CSS custom properties on :root (with a prefers-color-scheme:dark block),
   so this overrides those variables directly. Load this AFTER gamja's style.css.
   Single-channel: hides the buffer/network sidebar so only #cgad + composer show. */

:root{
  --cgad-bg:#140c0a; --cgad-panel:#1d1310; --cgad-panel2:#241611;
  --cgad-line:#3a241d; --cgad-ink:#dcccc2; --cgad-dim:#9c877c;
  --cgad-cyan:#6fcadd; --cgad-orange:#ef5a1f; --cgad-ok:#5fcf86; --cgad-red:#d7263d;
  --cgad-mono:'Courier New',ui-monospace,Menlo,Consolas,monospace;
}
/* theme variants — set <html class="theme-slime"> / "theme-krimcl" on the Gamja page */
:root.theme-slime { --cgad-orange:#7bd43a; --cgad-cyan:#b6ff5e; }
:root.theme-krimcl{ --cgad-orange:#d7263d; --cgad-cyan:#ff7a8a; }

/* --- override Gamja's real variables (light + dark, so the look is forced) --- */
:root{
  --main-background: var(--cgad-bg);
  --main-color: var(--cgad-ink);
  --sidebar-background: var(--cgad-panel2);
  --expander-background: var(--cgad-panel);
  --expander-background-hover: var(--cgad-panel2);
  --expander-border: var(--cgad-line);
  --button-color: #1a0d0a;
  --button-background: var(--cgad-orange);
  --button-background-hover: #ff7a3c;
  --button-border: var(--cgad-line);
  --danger-button-color: #1a0d0a;
  --danger-button-background: var(--cgad-red);
  --danger-button-background-hover: #ff4d60;
  --danger-button-border: var(--cgad-line);
  --green: var(--cgad-ok);
  --gray: var(--cgad-dim);
  --red: var(--cgad-red);
}
/* re-apply inside the dark media query so Gamja's dark :root can't win */
@media (prefers-color-scheme: dark){ :root{
  --main-background: var(--cgad-bg);
  --main-color: var(--cgad-ink);
  --sidebar-background: var(--cgad-panel2);
  --expander-background: var(--cgad-panel);
  --expander-background-hover: var(--cgad-panel2);
  --expander-border: var(--cgad-line);
  --button-background: var(--cgad-orange);
  --button-background-hover: #ff7a3c;
  --button-border: var(--cgad-line);
  --danger-button-background: var(--cgad-red);
  --danger-button-background-hover: #ff4d60;
  --danger-button-border: var(--cgad-line);
  --green: var(--cgad-ok);
  --gray: var(--cgad-dim);
  --red: var(--cgad-red);
}}

/* --- VHS/CCTV type + accents --- */
body, #buffer, #composer input, #buffer-list, #member-list{
  font-family: var(--cgad-mono);
}
a.timestamp{ color:#6b584f; }
#buffer .highlight .nick{ color:var(--cgad-orange); }   /* mentions pop orange */
#composer{ border-top:1px solid var(--cgad-line); }
#composer input::placeholder{ color:#6b584f; }
/* membership markers tuned to the palette */
.membership.op{ color:var(--cgad-cyan); }
.membership.owner{ color:var(--cgad-orange); }
.membership.voice{ color:var(--cgad-ok); }

/* --- SINGLE-CHANNEL: hide the network/channel sidebar (only #cgad shows) --- */
#buffer-list{ display:none !important; }
/* keep the member list; to go fully minimal for a narrow embed, also hide it:
   #member-list{ display:none !important; } */