/* ── HOME REDESIGN — ZEQ.dev homepage styles ── */

/* ─── CSS CUSTOM PROPERTIES ────────────────────────────────────────── */
:root {
  --qz-bg: #05060e;
  --qz-bg-card: #0d0e1a;
  --qz-border: rgba(0, 255, 136, 0.18);
  --qz-border-dim: rgba(255, 255, 255, 0.07);
  --qz-text: #e8e8f0;
  --qz-text-muted: #8888a8;
}

/* Canvas particle layer — galaxy background in hero */
#home-galaxy-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* ─── SYNTAX COLORS for code panels ────────────────────────────── */
.qh-c-kw      { color: #c792ea; }
.qh-c-str     { color: #c3e88d; }
.qh-c-num     { color: #f78c6c; }
.qh-c-comment { color: rgba(255,255,255,0.35); font-style: italic; }
.qh-c-prop    { color: #82aaff; }
.qh-c-fn      { color: #82aaff; }