/* Snare Junkie themes (v0.7). Monochrome = the :root tokens in style.css (default, = v0.6.2).
   A theme overrides tokens only; canvas code reads them via getComputedStyle (app.js readTheme / tk).

   SCULPT: Damon's palette (design/theme-sculpt.css, 2026-10-17), same var names --step-1..7.
   Backgrounds stay near-black (cool tint); the palette is used as accents with fixed roles:
     selection / active buttons ........ --step-1 cyan        (black text on it)
     slot 01 / 02 / 03 accents ......... --step-1 cyan, --step-7 lime, --step-4 red  (knob arcs, LED, env + spectrum traces)
     master transient .................. --step-6 amber       (big knobs, gain curve, stage tint)
     armed (LEARN / REMAP / CC learn) .. --step-4 red blinking to --step-5
     meters ............................ lime -> amber -> red near 0 dBFS; gain reduction amber
     spectrum (master / single view) ... all seven steps by frequency, cyan (20 Hz) -> lime (20 kHz)
   Text stays neutral grey/white (contrast checked in scripts/contrast.mjs). */
:root[data-theme="sculpt"] {
  --step-1:#00BFFF; --step-2:#0072FF; --step-3:#0058FF; --step-4:#FF0040; --step-5:#FF2800; --step-6:#FFBF00; --step-7:#D7FF00;
  --bg:#000; --win:#0a0c10; --panel:#0f1217; --line:#222a36; --line2:#323d4e; --dim:#7f8a9b; --mid:#a9b3c1; --fg:#e8edf3; --hi:#fff;
  --on-bg:var(--step-1); --on-fg:#000; --face-back:#0c0e12; --foot:#525c6c; --hdr-bg:#07090c; --field-bg:#05070a; --logo:var(--hi);
  --led-off:#05070a; --led-on:var(--step-7); --led-glow:#d7ff0088; --thumb-bg:#070a0e; --well-bg:#05070a; --gr-fill:var(--step-6);
  --meter-fill:linear-gradient(to top, #D7FF00 0%, #D7FF00 66%, #FFBF00 80%, #FF2800 91%, #FF0040 100%);
  --canvas-bg:#06080b; --hit-bg:#080a0e; --hit-border:var(--step-1); --hit-flash:var(--step-1); --hit-flash-fg:#000; --hit-label:#fff;
  --ph:#fff; --ph-edge:#000; --dim2:#5f6979; --rear-a:#0b0d11; --rear-b:#0e1116; --screw-line:#3b4556; --screw-hi:#354052; --screw-lo:#0e1116; --screw-slot:#000;
  --zone-bg:#090b0f; --lcd-bg:#020304; --lcd-fg:var(--step-6); --dip-lever:var(--step-6); --dip-nc:#3b4556; --jack-ring:#5b6678; --jack-a:#000; --jack-b:#252d3a; --jack-c:#0e1116;
  --link:#8f99aa; --link-line:#5b6678; --scrim:rgba(0,0,0,.72); --cc-badge-bg:#05070a; --cc-badge-fg:var(--step-1); --cc-badge-line:#00799f; --mbox-bg:#0a0c10; --mbox-fg:#bec7d3; --cr-line:#3b4556; --cr-req:var(--step-1); --mbox-a:var(--step-1); --td-line:#182030; --td1:#dde3ea;
  --read-fg:#bec7d3; --padbar-bg:#06080b; --pad-bg:#0a0c10; --pad-sel-border:var(--step-1); --pad-sel-bg:#0b2230; --pad-sel-fg:#fff; --pad-hit:var(--step-7); --pad-flash:#1b3442;
  --armed-bg:var(--step-4); --armed-fg:#000; --armed-blink:var(--step-5); --vel-bg:#020304; --master-border:#7a5c00;
  --knob-track:#232b37; --knob-arc:var(--step-1); --knob-cap:#141820; --knob-cap-big:#181d26; --knob-ptr:#fff;
  --cv-grid:#161d28; --cv-text:#5f6979; --cv-zero:#3b4556; --cv-pt-fill:#000; --cv-pt-line:#dde3ea; --cv-combo:#8f99aa; --cv-adsr-mark:#fff; --cv-adsr-label:#7f8a9b;
  --cv-env-line-1:var(--step-1); --cv-env-line-2:var(--step-7); --cv-env-line-3:var(--step-4); --cv-env-line-m:var(--step-6);
  --cv-env-fill-1:rgba(0,191,255,0.10); --cv-env-fill-2:rgba(215,255,0,0.08); --cv-env-fill-3:rgba(255,0,64,0.10); --cv-env-fill-m:rgba(255,191,0,0.09);
  --cv-stage-1:#1f1a0c; --cv-stage-2:#16130b; --cv-stage-3:#0d0c09; --cv-stage-label:#b39a5a;
  --cv-mstage-1:#221c0b; --cv-mstage-2:#17140b; --cv-mstage-3:#0d0c09; --cv-mlabel:#c4a75e; --cv-mlabel-halo:#0d0c09; --cv-wave:#283f52; --cv-hint:#5f6979; --cv-mid:#2a3340; --cv-master-line:var(--step-6); --cv-axis:#7f8a9b; --cv-note:#8f99aa;
  --cv-spec-1:var(--step-1); --cv-spec-2:var(--step-7); --cv-spec-3:var(--step-4); --cv-spec-m:#fff; --cv-spec-hold:#1f2733; --cv-spec-legend:#a9b3c1; --cv-spec-fill:rgba(255,255,255,0.12);
  --cv-spec-hold1:#4b5566; --cv-spec-live:#fff;
  --cv-spec-grad:#00BFFF #0072FF #0058FF #FF0040 #FF2800 #FFBF00 #D7FF00;
  --cv-spec-grad-fill:rgba(0,191,255,0.22) rgba(0,114,255,0.22) rgba(0,88,255,0.22) rgba(255,0,64,0.2) rgba(255,40,0,0.2) rgba(255,191,0,0.18) rgba(215,255,0,0.16);
  --cv-thumb-text:#7f8a9b; --cv-thumb-line-1:var(--step-1); --cv-thumb-line-2:var(--step-7); --cv-thumb-line-3:var(--step-4);
  --cv-thumb-fill-1:rgba(0,191,255,0.12); --cv-thumb-fill-2:rgba(215,255,0,0.09); --cv-thumb-fill-3:rgba(255,0,64,0.12);
  --cv-vel-diag:#2a3340; --cv-vel-line:var(--step-1); --cv-vel-dot:var(--step-7);
}
/* per-slot accents: knob arcs + the row LED follow the slot colour; the master section is amber */
:root[data-theme="sculpt"] #row-1 { --knob-arc:var(--step-1); --led-on:var(--step-1); --led-glow:#00bfff88; }
:root[data-theme="sculpt"] #row-2 { --knob-arc:var(--step-7); --led-on:var(--step-7); --led-glow:#d7ff0088; }
:root[data-theme="sculpt"] #row-3 { --knob-arc:var(--step-4); --led-on:var(--step-4); --led-glow:#ff004088; }
:root[data-theme="sculpt"] .panel.master { --knob-arc:var(--step-6); }
:root[data-theme="sculpt"] .panel.master .ptitle { color:var(--step-6); }
/* logotype: the whole palette, once */
:root[data-theme="sculpt"] .logo { background:linear-gradient(90deg, var(--step-1), var(--step-2) 22%, var(--step-3) 34%, var(--step-4) 52%, var(--step-5) 66%, var(--step-6) 82%, var(--step-7));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
:root[data-theme="sculpt"] :focus-visible { outline-color:var(--step-1); }