/* Spike design tokens - ChiltonsDarkDesigns / MechaPaint palette.
   ASCII only. Do not invent new colors here; add a token instead. */
:root {
  color-scheme: dark;

  /* surfaces */
  --app:            #0b0d11;
  --panel:          #0f1217;
  --bar-top:        #15181e;
  --bar-bot:        #111419;
  --titlebar:       #0d0e11;
  --raised:         #15181e;
  --popover:        #161a21;
  --modal:          #13171d;
  --inset:          #13171d;
  --track:          #262b34;

  /* lines */
  --line-soft:      #1a1e24;
  --line-edge:      #1c2027;
  --line-strong:    #262b34;
  --line-ctrl:      #2a3038;
  --line-hover:     #353c49;
  /* section 34: a control floating on the viewport wears a near-black literal */
  --line-viewport:  rgba(8, 10, 13, 0.90);

  /* accent */
  --accent:         #2ee6c9;
  --accent-fill:    rgba(46, 230, 201, 0.10);
  --accent-fill-2:  rgba(46, 230, 201, 0.16);
  --accent-line:    rgba(46, 230, 201, 0.30);
  --accent-line-2:  rgba(46, 230, 201, 0.45);
  --accent-glow:    rgba(46, 230, 201, 0.40);

  /* meaning */
  --danger:         #ff6b78;
  --danger-hover:   #ff8a94;
  --danger-fill:    rgba(255, 107, 120, 0.14);
  --warning:        #ffcf6b;
  /* section 42: bright green is the gateway - the one button that brings it in */
  --gateway:        #7ee787;

  /* text */
  --text:           #e6e9ef;
  --text-high:      #ffffff;
  --text-mid:       #c2c7d0;
  --text-muted:     #8a91a0;
  --text-dim:       #6b7280;
  --text-dimmer:    #565d69;

  /* axes */
  --axis-x:         #ff5d6c;
  --axis-y:         #6ee787;
  --axis-z:         #6aa6ff;

  /* type */
  --font-ui:   "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* radii */
  --r-chip:  5px;
  --r-btn:   6px;
  --r-ctrl:  9px;
  --r-panel: 12px;
  --r-modal: 16px;

  /* chrome */
  --titlebar-h: 28px;
  --closebox:   22px;
  --topbar-h:   56px;
  --panel-w:    344px;
}