/* Curiosity Lab colour themes, shared by every section (landing page, toys, ...).
   Colours are also read by the canvases (GT.colors in toys/js/app.js) — change them only here. */
:root {
  --bg: #000;
  --fg: #36b836;     /* main phosphor green, softened so it does not glare */
  --dim: #1f6e1f;
  --faint: #0a2e0a;
  --hot: #9fd99f;    /* highlights: Langton ant, brightest fractal tones */
  --glow: 0 0 3px rgba(54, 184, 54, 0.35);
  --margin: 8px;
}
/* other themes (F42): picked in the sidebar, stored per browser, set as <html data-theme> by common/theme.js */
:root[data-theme="classic"] { --fg: #33ff33; --dim: #1a991a; --faint: #0a3d0a; --hot: #ccffcc; --glow: 0 0 4px rgba(51, 255, 51, 0.45); }
:root[data-theme="amber"]   { --fg: #e0a030; --dim: #8a5f14; --faint: #33230a; --hot: #ffe0a0; --glow: 0 0 3px rgba(224, 160, 48, 0.35); }
:root[data-theme="white"]   { --fg: #c8c8c8; --dim: #707070; --faint: #262626; --hot: #ffffff; --glow: 0 0 3px rgba(200, 200, 200, 0.3); }

html { background: var(--bg); }

/* theme select */
.theme { display: block; margin: -6px 0 12px; color: var(--dim); }
.theme select { font: inherit; color: var(--fg); background: var(--bg); border: 1px solid var(--dim); text-shadow: inherit; }