/* ---------- the Synth view, night version (Oct 2026) ----------
   Only the synth changes: a soft black ground (modules a shade lighter than the ground) with a faint dark-blue glow and dark-blue lines (after the Kirchhoff EQ),
   and one bright colour per part (after the multiband EQ). The rest of the Generator keeps the Sonik skin.
   Loaded after composer.css, so these values win. */

/* black ground: the synth's own blues become black, the tint becomes a deep navy */
html #scr-co #co-synth {
  --sl-blue: #13203B;
  --sl-deep: #0C0E14;
  --sl-deeper: #090B10;
  --sl-panel: #0B1428;
  --cm: #2A3D66;
  background: radial-gradient(1200px 380px at 50% -10%, #111A2E, #0C0E14 70%) #0C0E14;
  border-top-color: #1C2436;
}
html #scr-co #co-synth .mod { background: #12151D; }
html #scr-co #co-synth .mod canvas.disp,
html #scr-co #co-synth .sy-screen { background: #090B10; }
html #scr-co #co-synth select,
html #scr-co #co-synth input[type="text"],
html #scr-co #co-synth .ghost,
html #scr-co #co-synth .switch,
html #scr-co #co-synth .sy-slope .idc-seg,
html #scr-co #co-synth .sy-seq .chipb { background: #0E1118; border-color: #1C2436; }
html #scr-co #co-synth .sy-skin .idc-seg { background: #0E1118; border-color: #1C2436; }
html #scr-co #co-synth .sy-skin .idc-seg button[aria-pressed="true"] { background: #0B1428; }

/* one colour per part (Colour setting, now the default) */
html #scr-co[data-skin="color"] {
  --c-notes: #3CFF4A;   /* 01 Notes      green   */
  --c-osca:  #3FA3FF;   /* 02 Osc A      blue    */
  --c-oscb:  #22F0B0;   /* 03 Osc B      teal    */
  --c-filt:  #F5C518;   /* 04 Filter     gold    */
  --c-env:   #FF8A1F;   /* 05 Envelope   orange  */
  --c-lfo:   #8B3DFF;   /* 06 LFO        violet  */
  --c-out:   #D23CFF;   /* 07 Output     pink    */
}
html #scr-co[data-skin="color"] #co-synth .mod { box-shadow: inset 0 1px 0 color-mix(in srgb, var(--m) 40%, transparent), 0 0 26px -14px color-mix(in srgb, var(--m) 60%, transparent); }
html #scr-co[data-skin="color"] #co-synth .mod h4 { color: var(--m); }