/* ==========================================================================
   THEME — this is the single file for Doobod's color palette and fonts.

   Everything else in the project (all other CSS, plus the WebGL particle
   colors in js/particles.js, which reads these variables at runtime) is
   driven by the custom properties defined here. Change a value in this
   file and it updates everywhere at once — including inside the canvas.

   Want a different look entirely? Try editing just the six colors below
   and reloading.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* ---- core palette ---- */
  --bg-void:      #08090D;   /* page background + WebGL fog color */
  --wire:         #2B2E3A;   /* borders, hairlines */
  --wire-soft:    #1A1C24;   /* softer borders, readout track */
  --panel:        rgba(15,17,23,0.55);  /* glass panel background */
  --text-primary: #E8E9ED;
  --text-dim:     #7A7E8B;

  /* ---- signal colors (accents + particle "awake" colors) ---- */
  --signal-cyan:   #5EEAD4;
  --signal-violet: #A78BFA;

  /* ---- particle-specific ---- */
  --particle-dim: #3A3F4D;   /* ambient/node particle color while still "dormant" */
  --eye-dim:      #4B4F5B;   /* status dot color while dormant */
  --eye-color:    #4B4F5B;   /* live value — updated by js/scroll.js as you scroll, leave as-is */

  /* ---- type ---- */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
}