feat(themes): full revision of executive-slate — palette rebuild + real whole-swap bar

The executive-slate preset shipped a waybar.css that referenced @base/@accent
with no @define-color block, and no matching waybar.jsonc — so the raw-read
override ran a largely unstyled bar (the item-28 partial-whole-swap defect).
The palette was also flat (base->surface only 1.13x) with a dim accent
(#4D78CC, 3.91 on base).

- Palette: widen surface stepping (base->surface 1.13x -> 1.29x so panels/
  selection/hover separate), brighten the accent (#4D78CC -> #5A8AE6, 3.91 ->
  5.04 on base, now AA text), lift subtext/good/warn/bad a tier, realign ansi,
  soften bright-white (#FFFFFF -> #F0F3F9). text stays 12.5 AAA. Contrast
  checker: all 23 themes x 7 pairings pass.
- Waybar: complete the bespoke bar as a real whole-swap. New waybar.jsonc with
  the full 17-module set (parity with summer-day/night); waybar.css rewritten
  to lead with its own @define-color block and cover every module + state class
  the helper scripts emit (.recording/.activated/.on/.available/.dnd-*/battery).
  Identity: solid, edge-to-edge, sharp corners, accent underline on the active
  workspace.
- Rofi: drop the broken var() idiom for the house *{}/@name convention (split
  border syntax, message/textbox/scrollbar elements for the theme-grid picker).
- CONVENTIONS: Waybar parity rule now names executive-slate as a third
  whole-swap target (was stale at summer-only).

V1: nix flake check --no-build green; strict JSON parse of both files; real
rofi parsed the .rasi cleanly; with executive-slate set active, the module
eval resolves waybar.settings -> the jsonc, waybar.style -> the css, rofi.theme
-> the override rasi, and theme.nix accepts the palette. NOT yet done: on-screen
render of the bar/rofi/desktop (V2/V3) and preview.png (deferred to on-hardware
capture, per the chosen path).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

themes/executive-slate/waybar.css

@@ -1,21 +1,42 @@
-/* Executive Slate Waybar — Solid, functional, professional */
+/*
+ * Executive Slate — Waybar whole-swap (themes/<slug>/waybar.css).
+ *
+ * A theme waybar.css replaces the ENTIRE generated stylesheet and is read
+ * raw (no palette is prepended), so this file MUST define its own colors.
+ * Identity: a solid, non-transparent, edge-to-edge status strip — no
+ * floating island, sharp corners, tight modules, and a single accent
+ * underline marking the active workspace. Companion: waybar.jsonc.
+ */
+
+@define-color base      #191C24;
+@define-color mantle    #111319;
+@define-color surface   #2A3040;
+@define-color overlay   #3E4759;
+@define-color text      #D7DDEA;
+@define-color subtext   #9AA5BB;
+@define-color muted     #5C6578;
+@define-color accent    #5A8AE6;
+@define-color accentAlt #86A9F2;
+@define-color good      #6FAE72;
+@define-color warn      #DBA85A;
+@define-color bad       #D06B71;
 
 * {
-  font-family: "Inter", "Symbols Nerd Font", sans-serif;
-  font-size: 15px;
+  font-family: "Inter", "Symbols Nerd Font", "JetBrainsMono Nerd Font", sans-serif;
+  font-size: 13px;
   font-weight: 500;
   border: none;
   border-radius: 0;
   min-height: 0;
 }
 
+/* Solid bar, crisp edge against the content below. */
 window#waybar {
   background: @base;
-  border-bottom: 1px solid @mantle;
+  border-bottom: 1px solid @overlay;
   color: @text;
 }
 
-/* Tightly packed modules for a functional feel */
 .modules-left,
 .modules-center,
 .modules-right {
@@ -23,35 +44,62 @@ window#waybar {
   padding: 0;
 }
 
-#workspaces button,
-#window,
+/* Uniform module rhythm; groups get a wider breath below. */
+#custom-nomarchy,
 #clock,
-#tray,
-#pulseaudio,
-#battery,
-#custom-notification,
-#custom-vpn,
-#custom-powerprofile,
+#custom-recording,
+#idle_inhibitor,
+#custom-nightlight,
+#language,
 #custom-updates,
-#custom-doctor {
-  padding: 0 12px;
+#pulseaudio,
+#custom-powerprofile,
+#battery,
+#custom-vpn,
+#custom-doctor,
+#custom-notification,
+#tray,
+#custom-powermenu {
+  color: @text;
+  padding: 0 11px;
   margin: 0;
-  border-radius: 0;
 }
 
-/* Subtle hover effects */
+/* Group heads — a wider gap before each functional cluster of the
+   right side (media/toggles · stats · status). Self-hiding heads
+   (e.g. no battery on a desktop) degrade to the uniform spacing. */
+#pulseaudio,
+#battery,
+#custom-vpn { margin-left: 6px; }
+
+/* ── Menu launcher — the one branded accent glyph ────────────────── */
+#custom-nomarchy {
+  color: @accent;
+  font-size: 15px;
+  padding: 0 14px;
+}
+#custom-nomarchy:hover {
+  background: @surface;
+  color: @accentAlt;
+}
+
+/* ── Workspaces — flat cells, active carries an accent underline ──── */
+#workspaces { padding: 0; margin: 0; }
+
 #workspaces button {
   color: @subtext;
-  transition: all 0.2s ease-in-out;
+  padding: 0 11px;
+  margin: 0;
   border-bottom: 2px solid transparent;
+  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
 }
 
 #workspaces button:hover {
   background: @surface;
   color: @text;
+  border-bottom: 2px solid @overlay;
 }
 
-/* Active gets a strong underline instead of a glowing background */
 #workspaces button.active {
   color: @text;
   background: @surface;
@@ -63,23 +111,53 @@ window#waybar {
   border-bottom: 2px solid @bad;
 }
 
-/* Minimal indicators */
+/* ── Clock — time (center) and date (left) share the #clock id ───── */
+#clock {
+  color: @text;
+  font-weight: 600;
+}
+
+/* ── Status cluster: neutral by default, semantic on state ───────── */
+#custom-recording.recording { color: @bad; }
+
+#idle_inhibitor.activated   { color: @warn; }
+
+#custom-nightlight.on        { color: @warn; }
+
+#custom-updates.available    { color: @accent; }
+
+/* Power-profile glyph renders small in its em box — size it up. */
+#custom-powerprofile { font-size: 16px; }
+
+#pulseaudio.muted { color: @muted; }
+
 #battery.charging { color: @good; }
-#battery.warning:not(.charging) { color: @warn; }
+#battery.warning:not(.charging)  { color: @warn; }
 #battery.critical:not(.charging) {
   color: @bad;
-  background: @surface;
   border-bottom: 2px solid @bad;
 }
 
-#pulseaudio.muted { color: @muted; }
-#custom-updates { color: @accentAlt; }
-#custom-doctor { color: @bad; }
-#custom-vpn { color: @accent; }
+#custom-vpn.on { color: @good; }
 
-/* Functional tooltip */
+/* Doctor is only rendered when something is ✖, so always the alert. */
+#custom-doctor { color: @bad; }
+
+#custom-notification.notification { color: @accent; }
+#custom-notification.dnd-none,
+#custom-notification.dnd-notification { color: @muted; }
+
+#tray { color: @text; }
+
+#custom-powermenu { color: @subtext; }
+#custom-powermenu:hover {
+  background: @surface;
+  color: @bad;
+}
+
+/* ── Tooltips ─────────────────────────────────────────────────────── */
 tooltip {
-  background: @base;
+  background: @surface;
   border: 1px solid @overlay;
   border-radius: 4px;
 }