/* ============================================================
   Omnis Palettes — all 10, light + dark = 20 modes
   ============================================================ */

/* ---- Font stacks (host-injected, with fallbacks) ---- */
:root {
  --font-sans: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}

/* ---- Charcoal + Gold (also :root CSS-only fallback) ---- */
:root,
[data-omnis-palette="charcoal-gold"] {
  --bg: #FAFAF8; --surface: #F3F1ED; --card: #FFFFFF;
  --sidebar: #313335; --border: #E0DEDA; --border-strong: #C4C0BA;
  --text: #1B1D1F; --muted: #6A6C70; --dim: #ABADB0;
  --on-sidebar: #C4C0BA; --on-sidebar-active: #FFFFFF;
  --accent: #B8902A; --accent-hover: #C9A03A; --accent-bg: rgba(184,144,42,0.10); --on-accent: #1B1D1F;
  --nav: #A17328; --nav-hover: #C48F38; --nav-bg: rgba(161,115,40,0.10); --nav-border: rgba(161,115,40,0.35);
  --nav-overlay-backdrop: rgba(50,35,10,0.55); --nav-overlay-card: #FAF2DE; --nav-overlay-text: #3D2A08; --nav-overlay-muted: #8B7238;
  --state-pending-bg: rgba(154,156,160,0.12); --state-pending-text: #6A6C70; --state-pending-border: rgba(154,156,160,0.35);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(61,170,106,0.12); --state-completed-text: #2A8A56; --state-completed-border: rgba(61,170,106,0.35);
  --state-blocked-bg: rgba(184,40,119,0.10); --state-blocked-text: #B82877; --state-blocked-border: rgba(184,40,119,0.30);
  --state-terminal-bg: rgba(123,94,167,0.12); --state-terminal-text: #7B5EA7; --state-terminal-border: rgba(123,94,167,0.35);
  --scrollbar-thumb: rgba(49,51,53,0.22); --selection-bg: rgba(184,144,42,0.22); --focus-ring: rgba(184,144,42,0.6);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.06); --shadow-panel: 0 4px 16px rgba(0,0,0,0.12); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  --gold: var(--accent); --gold-hover: var(--accent-hover); --gold-bg: var(--accent-bg); --on-gold: var(--on-accent); --navy: var(--sidebar);
  color-scheme: light;
}
[data-omnis-palette="charcoal-gold"][data-omnis-mode="dark"] {
  --bg: #0F1012; --surface: #17181A; --card: #1D1E20; --sidebar: #1F2124;
  --border: #2D2F32; --border-strong: #4A4C50; --text: #EDE8DC; --muted: #898C90; --dim: #585A5E;
  --on-sidebar: #898C90; --on-sidebar-active: #FFFFFF;
  --accent: #CFA84E; --accent-hover: #E3BE6A; --accent-bg: rgba(207,168,78,0.12); --on-accent: #141414;
  --nav: #E3B548; --nav-hover: #F1C868; --nav-bg: rgba(227,181,72,0.14); --nav-border: rgba(227,181,72,0.40);
  --nav-overlay-backdrop: rgba(30,22,8,0.65); --nav-overlay-card: #2A2314; --nav-overlay-text: #F7E8B8; --nav-overlay-muted: #A89968;
  --state-pending-bg: rgba(136,138,142,0.15); --state-pending-text: #9A9DA2; --state-pending-border: rgba(136,138,142,0.28);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(61,170,106,0.15); --state-completed-text: #4DBA76; --state-completed-border: rgba(61,170,106,0.28);
  --state-blocked-bg: rgba(244,64,128,0.14); --state-blocked-text: #F44080; --state-blocked-border: rgba(244,64,128,0.30);
  --state-terminal-bg: rgba(123,94,167,0.15); --state-terminal-text: #9B7ED7; --state-terminal-border: rgba(123,94,167,0.28);
  --scrollbar-thumb: rgba(49,51,53,0.35); --selection-bg: rgba(207,168,78,0.25); --focus-ring: rgba(207,168,78,0.6);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.18); --shadow-panel: 0 4px 16px rgba(0,0,0,0.28); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.40);
  --overlay-backdrop: rgba(0,0,0,0.60); --on-state-blocked: #FFFFFF;
  --gold: var(--accent); --gold-hover: var(--accent-hover); --gold-bg: var(--accent-bg); --on-gold: var(--on-accent); --navy: var(--sidebar);
  color-scheme: dark;
}

/* ---- Navy + Gold ---- */
[data-omnis-palette="navy-gold"] {
  --bg: #FAFAF8; --surface: #F3F1ED; --card: #FFFFFF; --sidebar: #2E2E60;
  --border: #E0DEDA; --border-strong: #C4C0BA; --text: #1A1D2A; --muted: #6A6A82; --dim: #AAAABC;
  --on-sidebar: #AAAABC; --on-sidebar-active: #FFFFFF;
  --accent: #B8902A; --accent-hover: #C9A03A; --accent-bg: rgba(184,144,42,0.10); --on-accent: #1B1D1F;
  --nav: #A17328; --nav-hover: #C48F38; --nav-bg: rgba(161,115,40,0.10); --nav-border: rgba(161,115,40,0.35);
  --nav-overlay-backdrop: rgba(50,35,10,0.55); --nav-overlay-card: #FAF2DE; --nav-overlay-text: #3D2A08; --nav-overlay-muted: #8B7238;
  --state-pending-bg: rgba(154,154,170,0.12); --state-pending-text: #6A6A82; --state-pending-border: rgba(154,154,170,0.35);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(61,170,106,0.12); --state-completed-text: #2A8A56; --state-completed-border: rgba(61,170,106,0.35);
  --state-blocked-bg: rgba(184,40,119,0.10); --state-blocked-text: #B82877; --state-blocked-border: rgba(184,40,119,0.30);
  --state-terminal-bg: rgba(123,94,167,0.12); --state-terminal-text: #7B5EA7; --state-terminal-border: rgba(123,94,167,0.35);
  --scrollbar-thumb: rgba(46,46,96,0.18); --selection-bg: rgba(184,144,42,0.22); --focus-ring: rgba(184,144,42,0.6);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.06); --shadow-panel: 0 4px 16px rgba(0,0,0,0.12); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  --gold: var(--accent); --gold-hover: var(--accent-hover); --gold-bg: var(--accent-bg); --on-gold: var(--on-accent); --navy: var(--sidebar);
  color-scheme: light;
}
[data-omnis-palette="navy-gold"][data-omnis-mode="dark"] {
  --bg: #0C0C20; --surface: #141430; --card: #1A1A38; --sidebar: #1E1E42;
  --border: #2A2A50; --border-strong: #4A4A70; --text: #EDE8DC; --muted: #8888A8; --dim: #5050A0;
  --on-sidebar: #8888A8; --on-sidebar-active: #FFFFFF;
  --accent: #CFA84E; --accent-hover: #E3BE6A; --accent-bg: rgba(207,168,78,0.12); --on-accent: #141414;
  --nav: #E3B548; --nav-hover: #F1C868; --nav-bg: rgba(227,181,72,0.14); --nav-border: rgba(227,181,72,0.40);
  --nav-overlay-backdrop: rgba(30,22,8,0.65); --nav-overlay-card: #2A2314; --nav-overlay-text: #F7E8B8; --nav-overlay-muted: #A89968;
  --state-pending-bg: rgba(136,136,168,0.15); --state-pending-text: #9898C0; --state-pending-border: rgba(136,136,168,0.28);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(61,170,106,0.15); --state-completed-text: #4DBA76; --state-completed-border: rgba(61,170,106,0.28);
  --state-blocked-bg: rgba(244,64,128,0.14); --state-blocked-text: #F44080; --state-blocked-border: rgba(244,64,128,0.30);
  --state-terminal-bg: rgba(123,94,167,0.15); --state-terminal-text: #9B7ED7; --state-terminal-border: rgba(123,94,167,0.28);
  --scrollbar-thumb: rgba(80,80,184,0.28); --selection-bg: rgba(207,168,78,0.25); --focus-ring: rgba(207,168,78,0.6);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.18); --shadow-panel: 0 4px 16px rgba(0,0,0,0.28); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.40);
  --overlay-backdrop: rgba(0,0,0,0.60); --on-state-blocked: #FFFFFF;
  --gold: var(--accent); --gold-hover: var(--accent-hover); --gold-bg: var(--accent-bg); --on-gold: var(--on-accent); --navy: var(--sidebar);
  color-scheme: dark;
}

/* ---- Aubergine Violet ---- */
[data-omnis-palette="aubergine-violet"] {
  --bg: #FBFAFC; --surface: #F7F5FB; --card: #FFFFFF; --sidebar: #1D0A42;
  --border: #E8E6EC; --border-strong: #C4B8F0; --text: #1D0A42; --muted: #5F587A; --dim: #9CA3AF;
  --on-sidebar: #B8A8F8; --on-sidebar-active: #FFFFFF;
  --accent: #6C2BD9; --accent-hover: #5F46E8; --accent-bg: rgba(108,43,217,0.10); --on-accent: #FFFFFF;
  --nav: #7C5CFC; --nav-hover: #5F46E8; --nav-bg: rgba(124,92,252,0.12); --nav-border: rgba(124,92,252,0.32);
  --nav-overlay-backdrop: rgba(29,10,66,0.54); --nav-overlay-card: #F3F1FF; --nav-overlay-text: #1D0A42; --nav-overlay-muted: #6D5F90;
  --state-pending-bg: rgba(139,146,165,0.12); --state-pending-text: #5F587A; --state-pending-border: rgba(139,146,165,0.34);
  --state-active-bg: rgba(245,158,11,0.12); --state-active-text: #9A5C00; --state-active-border: rgba(245,158,11,0.34);
  --state-completed-bg: rgba(51,171,120,0.12); --state-completed-text: #167A50; --state-completed-border: rgba(51,171,120,0.34);
  --state-blocked-bg: rgba(255,1,73,0.10); --state-blocked-text: #B0003A; --state-blocked-border: rgba(255,1,73,0.30);
  --state-terminal-bg: rgba(30,122,140,0.10); --state-terminal-text: #1E7A8C; --state-terminal-border: rgba(30,122,140,0.30);
  --scrollbar-thumb: rgba(29,10,66,0.18); --selection-bg: rgba(108,43,217,0.20); --focus-ring: rgba(108,43,217,0.55);
  --shadow-soft: 0 1px 3px rgba(29,10,66,0.08); --shadow-panel: 0 4px 16px rgba(29,10,66,0.13); --shadow-overlay: 0 20px 60px rgba(29,10,66,0.30);
  --overlay-backdrop: rgba(29,10,66,0.42); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="aubergine-violet"][data-omnis-mode="dark"] {
  --bg: #0C0618; --surface: #160C34; --card: #1D1234; --sidebar: #080411;
  --border: #2A1B48; --border-strong: #442C70; --text: #F4F0FF; --muted: #B9ADD4; --dim: #695A86;
  --on-sidebar: #9C8CFF; --on-sidebar-active: #FFFFFF;
  --accent: #9B7CFF; --accent-hover: #C4B5FD; --accent-bg: rgba(155,124,255,0.16); --on-accent: #120A22;
  --nav: #A78BFA; --nav-hover: #C4B5FD; --nav-bg: rgba(167,139,250,0.16); --nav-border: rgba(167,139,250,0.38);
  --nav-overlay-backdrop: rgba(4,2,10,0.76); --nav-overlay-card: #1B1032; --nav-overlay-text: #EDE6FF; --nav-overlay-muted: #B9ADD4;
  --state-pending-bg: rgba(150,135,190,0.16); --state-pending-text: #B9ADD4; --state-pending-border: rgba(150,135,190,0.30);
  --state-active-bg: rgba(245,166,35,0.16); --state-active-text: #F5A623; --state-active-border: rgba(245,166,35,0.32);
  --state-completed-bg: rgba(51,171,120,0.16); --state-completed-text: #33AB78; --state-completed-border: rgba(51,171,120,0.32);
  --state-blocked-bg: rgba(255,91,131,0.16); --state-blocked-text: #FF6B92; --state-blocked-border: rgba(255,91,131,0.32);
  --state-terminal-bg: rgba(74,192,212,0.14); --state-terminal-text: #4AC0D4; --state-terminal-border: rgba(74,192,212,0.30);
  --scrollbar-thumb: rgba(167,139,250,0.32); --selection-bg: rgba(155,124,255,0.26); --focus-ring: rgba(167,139,250,0.62);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.28); --shadow-panel: 0 4px 16px rgba(0,0,0,0.44); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.58);
  --overlay-backdrop: rgba(0,0,0,0.66); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Steel Blue + Slate ---- */
[data-omnis-palette="steel-blue-slate"] {
  --bg: #f3f5f8; --surface: #ffffff; --card: #ffffff; --sidebar: #173554;
  --border: #d8dee7; --border-strong: #b8c4d2; --text: #1a2433; --muted: #516175; --dim: #8da0b3;
  --on-sidebar: #e8edf4; --on-sidebar-active: #ffffff;
  --accent: #122f53; --accent-hover: #1f4b79; --accent-bg: rgba(18,47,83,0.10); --on-accent: #ffffff;
  --nav: #65a7c8; --nav-hover: #4d8aaa; --nav-bg: rgba(101,167,200,0.10); --nav-border: rgba(101,167,200,0.35);
  --state-pending-bg: rgba(94,111,130,0.12); --state-pending-text: #5e6f82; --state-pending-border: rgba(94,111,130,0.35);
  --state-active-bg: rgba(122,92,0,0.12); --state-active-text: #7a5c00; --state-active-border: rgba(122,92,0,0.35);
  --state-completed-bg: rgba(29,102,69,0.12); --state-completed-text: #1d6645; --state-completed-border: rgba(29,102,69,0.35);
  --state-blocked-bg: rgba(147,48,48,0.12); --state-blocked-text: #933030; --state-blocked-border: rgba(147,48,48,0.35);
  --state-terminal-bg: rgba(90,74,160,0.10); --state-terminal-text: #5A4AA0; --state-terminal-border: rgba(90,74,160,0.30);
  --scrollbar-thumb: rgba(23,53,84,0.22); --selection-bg: rgba(18,47,83,0.22); --focus-ring: rgba(18,47,83,0.6);
  --shadow-soft: 0 1px 3px rgb(18 47 83 / 8%), 0 4px 12px rgb(18 47 83 / 5%); --shadow-panel: 0 1px 3px rgb(18 47 83 / 10%);
  --shadow-overlay: 0 20px 60px rgba(0,0,0,0.28); --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF; color-scheme: light;
}
[data-omnis-palette="steel-blue-slate"][data-omnis-mode="dark"] {
  --bg: #0f141b; --surface: #1a222d; --card: #1a222d; --sidebar: #131b26;
  --border: #2a3544; --border-strong: #3a4f66; --text: #e5e9ef; --muted: #b2bdca; --dim: #6e8099;
  --on-sidebar: #e5ebf4; --on-sidebar-active: #e8edf4;
  --accent: #9cbde4; --accent-hover: #7ea4d4; --accent-bg: rgba(156,189,228,0.12); --on-accent: #0f141b;
  --nav: #7ec3df; --nav-hover: #65a7c8; --nav-bg: rgba(126,195,223,0.14); --nav-border: rgba(126,195,223,0.40);
  --state-pending-bg: rgba(142,159,179,0.15); --state-pending-text: #8e9fb3; --state-pending-border: rgba(142,159,179,0.28);
  --state-active-bg: rgba(201,168,76,0.15); --state-active-text: #c9a84c; --state-active-border: rgba(201,168,76,0.28);
  --state-completed-bg: rgba(103,177,141,0.15); --state-completed-text: #67b18d; --state-completed-border: rgba(103,177,141,0.28);
  --state-blocked-bg: rgba(212,123,123,0.15); --state-blocked-text: #d47b7b; --state-blocked-border: rgba(212,123,123,0.28);
  --state-terminal-bg: rgba(156,132,224,0.14); --state-terminal-text: #9C84E0; --state-terminal-border: rgba(156,132,224,0.30);
  --scrollbar-thumb: rgba(19,27,38,0.35); --selection-bg: rgba(156,189,228,0.25); --focus-ring: rgba(156,189,228,0.6);
  --shadow-soft: 0 1px 3px rgb(0 0 0 / 25%), 0 4px 12px rgb(0 0 0 / 18%); --shadow-panel: 0 1px 3px rgb(0 0 0 / 25%);
  --shadow-overlay: 0 20px 60px rgba(0,0,0,0.40); --overlay-backdrop: rgba(0,0,0,0.60); --on-state-blocked: #FFFFFF; color-scheme: dark;
}

/* ---- Midnight Azure ---- */
[data-omnis-palette="midnight-azure"] {
  --bg: #F4F5F7; --surface: #ECEEF2; --card: #FFFFFF; --sidebar: #1A1D24;
  --border: #DDE0E6; --border-strong: #BFC4CE; --text: #161820; --muted: #5C6070; --dim: #9EA4B0;
  --on-sidebar: #7A8296; --on-sidebar-active: #FFFFFF;
  --accent: #2A7ED8; --accent-hover: #1D6DC4; --accent-bg: rgba(42,126,216,0.10); --on-accent: #FFFFFF;
  --nav: #3A8FE8; --nav-hover: #2A7ED8; --nav-bg: rgba(58,143,232,0.10); --nav-border: rgba(58,143,232,0.30);
  --nav-overlay-backdrop: rgba(10,14,26,0.50); --nav-overlay-card: #EFF4FC; --nav-overlay-text: #0E1A38; --nav-overlay-muted: #4A6494;
  --state-pending-bg: rgba(120,126,142,0.12); --state-pending-text: #5C6070; --state-pending-border: rgba(120,126,142,0.35);
  --state-active-bg: rgba(204,138,0,0.10); --state-active-text: #A86E00; --state-active-border: rgba(204,138,0,0.30);
  --state-completed-bg: rgba(34,160,100,0.10); --state-completed-text: #1A8A58; --state-completed-border: rgba(34,160,100,0.30);
  --state-blocked-bg: rgba(208,48,32,0.10); --state-blocked-text: #C42C18; --state-blocked-border: rgba(208,48,32,0.30);
  --state-terminal-bg: rgba(100,80,200,0.10); --state-terminal-text: #6050C0; --state-terminal-border: rgba(100,80,200,0.30);
  --scrollbar-thumb: rgba(26,29,36,0.20); --selection-bg: rgba(42,126,216,0.20); --focus-ring: rgba(42,126,216,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.07); --shadow-panel: 0 4px 16px rgba(0,0,0,0.12); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.26);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="midnight-azure"][data-omnis-mode="dark"] {
  --bg: #0D0E11; --surface: #131519; --card: #191B1F; --sidebar: #0F1014;
  --border: #242629; --border-strong: #38393E; --text: #E6E8EC; --muted: #888C96; --dim: #525660;
  --on-sidebar: #686C78; --on-sidebar-active: #E6E8EC;
  --accent: #4B9EF4; --accent-hover: #6AB2F8; --accent-bg: rgba(75,158,244,0.14); --on-accent: #0A0E18;
  --nav: #5AAAF8; --nav-hover: #76BEFA; --nav-bg: rgba(90,170,248,0.12); --nav-border: rgba(90,170,248,0.35);
  --nav-overlay-backdrop: rgba(6,8,16,0.70); --nav-overlay-card: #151A26; --nav-overlay-text: #D8E4F8; --nav-overlay-muted: #6880A8;
  --state-pending-bg: rgba(120,124,138,0.15); --state-pending-text: #8A8E9A; --state-pending-border: rgba(120,124,138,0.28);
  --state-active-bg: rgba(224,160,32,0.15); --state-active-text: #E0A020; --state-active-border: rgba(224,160,32,0.28);
  --state-completed-bg: rgba(56,180,110,0.15); --state-completed-text: #46C87A; --state-completed-border: rgba(56,180,110,0.28);
  --state-blocked-bg: rgba(220,64,48,0.15); --state-blocked-text: #E05040; --state-blocked-border: rgba(220,64,48,0.28);
  --state-terminal-bg: rgba(130,100,220,0.15); --state-terminal-text: #9878E0; --state-terminal-border: rgba(130,100,220,0.28);
  --scrollbar-thumb: rgba(80,84,96,0.35); --selection-bg: rgba(75,158,244,0.25); --focus-ring: rgba(75,158,244,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.22); --shadow-panel: 0 4px 16px rgba(0,0,0,0.36); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.50);
  --overlay-backdrop: rgba(0,0,0,0.62); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Forest Ochre ---- */
[data-omnis-palette="forest-ochre"] {
  --bg: #FAF8F4; --surface: #F2EFE8; --card: #FFFFFF; --sidebar: #1A2E1E;
  --border: #E2DDD4; --border-strong: #C4BDB0; --text: #1C1A16; --muted: #6B6458; --dim: #A89E92;
  --on-sidebar: #7A9C7E; --on-sidebar-active: #FFFFFF;
  --accent: #B87A20; --accent-hover: #CC8C2A; --accent-bg: rgba(184,122,32,0.10); --on-accent: #FFFFFF;
  --nav: #2E6B36; --nav-hover: #3A8444; --nav-bg: rgba(46,107,54,0.10); --nav-border: rgba(46,107,54,0.28);
  --nav-overlay-backdrop: rgba(16,28,12,0.52); --nav-overlay-card: #EFF5EC; --nav-overlay-text: #102012; --nav-overlay-muted: #4A7050;
  --state-pending-bg: rgba(140,132,118,0.12); --state-pending-text: #6B6458; --state-pending-border: rgba(140,132,118,0.35);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(10,128,96,0.10); --state-completed-text: #0A8060; --state-completed-border: rgba(10,128,96,0.30);
  --state-blocked-bg: rgba(184,40,119,0.10); --state-blocked-text: #B82877; --state-blocked-border: rgba(184,40,119,0.30);
  --state-terminal-bg: rgba(90,74,160,0.10); --state-terminal-text: #5A4AA0; --state-terminal-border: rgba(90,74,160,0.30);
  --scrollbar-thumb: rgba(26,46,30,0.20); --selection-bg: rgba(184,122,32,0.20); --focus-ring: rgba(46,107,54,0.55);
  --shadow-soft: 0 1px 3px rgba(20,16,8,0.07); --shadow-panel: 0 4px 16px rgba(20,16,8,0.12); --shadow-overlay: 0 20px 60px rgba(20,16,8,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="forest-ochre"][data-omnis-mode="dark"] {
  --bg: #0C0F0C; --surface: #131713; --card: #1A1F1A; --sidebar: #0E120E;
  --border: #252C25; --border-strong: #384038; --text: #E8E4DC; --muted: #8C9088; --dim: #525850;
  --on-sidebar: #607860; --on-sidebar-active: #FFFFFF;
  --accent: #D49030; --accent-hover: #EAA840; --accent-bg: rgba(212,144,48,0.14); --on-accent: #120C02;
  --nav: #5AAA62; --nav-hover: #72C07A; --nav-bg: rgba(90,170,98,0.13); --nav-border: rgba(90,170,98,0.35);
  --nav-overlay-backdrop: rgba(4,8,4,0.72); --nav-overlay-card: #141C14; --nav-overlay-text: #D0E8D0; --nav-overlay-muted: #6A9068;
  --state-pending-bg: rgba(110,118,104,0.15); --state-pending-text: #8C9088; --state-pending-border: rgba(110,118,104,0.28);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(60,208,160,0.14); --state-completed-text: #3CD0A0; --state-completed-border: rgba(60,208,160,0.30);
  --state-blocked-bg: rgba(244,64,128,0.14); --state-blocked-text: #F44080; --state-blocked-border: rgba(244,64,128,0.30);
  --state-terminal-bg: rgba(156,132,224,0.14); --state-terminal-text: #9C84E0; --state-terminal-border: rgba(156,132,224,0.30);
  --scrollbar-thumb: rgba(80,100,70,0.35); --selection-bg: rgba(212,144,48,0.25); --focus-ring: rgba(90,170,98,0.58);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.22); --shadow-panel: 0 4px 16px rgba(0,0,0,0.36); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.52);
  --overlay-backdrop: rgba(0,0,0,0.62); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Black White ---- */
[data-omnis-palette="black-white"] {
  --bg: #FFFFFF; --surface: #F5F5F5; --card: #EBEBEB; --sidebar: #000000;
  --border: #E0E0E0; --border-strong: #C0C0C0; --text: #111111; --muted: #555555; --dim: #999999;
  --on-sidebar: #707070; --on-sidebar-active: #FFFFFF;
  --accent: #111111; --accent-hover: #333333; --accent-bg: rgba(0,0,0,0.07); --on-accent: #FFFFFF;
  --nav: #222222; --nav-hover: #444444; --nav-bg: rgba(0,0,0,0.06); --nav-border: rgba(0,0,0,0.18);
  --nav-overlay-backdrop: rgba(0,0,0,0.45); --nav-overlay-card: #F0F0F0; --nav-overlay-text: #111111; --nav-overlay-muted: #666666;
  --state-pending-bg: rgba(0,0,0,0.06); --state-pending-text: #555555; --state-pending-border: rgba(0,0,0,0.18);
  --state-active-bg: rgba(0,0,0,0.06); --state-active-text: #333333; --state-active-border: rgba(0,0,0,0.22);
  --state-completed-bg: rgba(0,0,0,0.06); --state-completed-text: #222222; --state-completed-border: rgba(0,0,0,0.28);
  --state-blocked-bg: rgba(0,0,0,0.08); --state-blocked-text: #111111; --state-blocked-border: rgba(0,0,0,0.35);
  --state-terminal-bg: rgba(0,0,0,0.04); --state-terminal-text: #777777; --state-terminal-border: rgba(0,0,0,0.14);
  --scrollbar-thumb: rgba(0,0,0,0.18); --selection-bg: rgba(0,0,0,0.12); --focus-ring: rgba(0,0,0,0.50);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.08); --shadow-panel: 0 4px 16px rgba(0,0,0,0.14); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="black-white"][data-omnis-mode="dark"] {
  --bg: #000000; --surface: #0A0A0A; --card: #141414; --sidebar: #050505;
  --border: #222222; --border-strong: #383838; --text: #EEEEEE; --muted: #888888; --dim: #505050;
  --on-sidebar: #606060; --on-sidebar-active: #FFFFFF;
  --accent: #EEEEEE; --accent-hover: #FFFFFF; --accent-bg: rgba(255,255,255,0.08); --on-accent: #000000;
  --nav: #DDDDDD; --nav-hover: #FFFFFF; --nav-bg: rgba(255,255,255,0.07); --nav-border: rgba(255,255,255,0.20);
  --nav-overlay-backdrop: rgba(0,0,0,0.72); --nav-overlay-card: #1A1A1A; --nav-overlay-text: #EEEEEE; --nav-overlay-muted: #888888;
  --state-pending-bg: rgba(255,255,255,0.05); --state-pending-text: #888888; --state-pending-border: rgba(255,255,255,0.12);
  --state-active-bg: rgba(255,255,255,0.07); --state-active-text: #BBBBBB; --state-active-border: rgba(255,255,255,0.18);
  --state-completed-bg: rgba(255,255,255,0.08); --state-completed-text: #CCCCCC; --state-completed-border: rgba(255,255,255,0.22);
  --state-blocked-bg: rgba(255,255,255,0.10); --state-blocked-text: #EEEEEE; --state-blocked-border: rgba(255,255,255,0.30);
  --state-terminal-bg: rgba(255,255,255,0.04); --state-terminal-text: #666666; --state-terminal-border: rgba(255,255,255,0.10);
  --scrollbar-thumb: rgba(255,255,255,0.15); --selection-bg: rgba(255,255,255,0.14); --focus-ring: rgba(255,255,255,0.55);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.30); --shadow-panel: 0 4px 16px rgba(0,0,0,0.45); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.60);
  --overlay-backdrop: rgba(0,0,0,0.65); --on-state-blocked: #000000;
  color-scheme: dark;
}

/* ---- Black Royal Blue ---- */
[data-omnis-palette="black-royal-blue"] {
  --bg: #FFFFFF; --surface: #F3F4F8; --card: #EAECF2; --sidebar: #000000;
  --border: #DDE0EA; --border-strong: #BEC4D6; --text: #14172A; --muted: #5A607A; --dim: #9CA3BC;
  --on-sidebar: #6870A0; --on-sidebar-active: #FFFFFF;
  --accent: #2255D8; --accent-hover: #1A46C4; --accent-bg: rgba(34,85,216,0.10); --on-accent: #FFFFFF;
  --nav: #3366EE; --nav-hover: #2255D8; --nav-bg: rgba(51,102,238,0.10); --nav-border: rgba(51,102,238,0.30);
  --nav-overlay-backdrop: rgba(8,10,28,0.50); --nav-overlay-card: #EDF0FC; --nav-overlay-text: #0C1240; --nav-overlay-muted: #485090;
  --state-pending-bg: rgba(110,116,148,0.12); --state-pending-text: #5A607A; --state-pending-border: rgba(110,116,148,0.35);
  --state-active-bg: rgba(196,130,0,0.10); --state-active-text: #9A6600; --state-active-border: rgba(196,130,0,0.30);
  --state-completed-bg: rgba(30,155,90,0.10); --state-completed-text: #167A50; --state-completed-border: rgba(30,155,90,0.30);
  --state-blocked-bg: rgba(200,44,28,0.10); --state-blocked-text: #B82A18; --state-blocked-border: rgba(200,44,28,0.30);
  --state-terminal-bg: rgba(110,60,210,0.10); --state-terminal-text: #6030B8; --state-terminal-border: rgba(110,60,210,0.30);
  --scrollbar-thumb: rgba(18,21,42,0.20); --selection-bg: rgba(34,85,216,0.18); --focus-ring: rgba(34,85,216,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.07); --shadow-panel: 0 4px 16px rgba(0,0,0,0.12); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.26);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="black-royal-blue"][data-omnis-mode="dark"] {
  --bg: #000000; --surface: #0A0A0C; --card: #111114; --sidebar: #050507;
  --border: #1A1A20; --border-strong: #2A2A34; --text: #E4E6F0; --muted: #8890A8; --dim: #4E5468;
  --on-sidebar: #6870A0; --on-sidebar-active: #FFFFFF;
  --accent: #2F6AE8; --accent-hover: #4A80F0; --accent-bg: rgba(47,106,232,0.16); --on-accent: #FFFFFF;
  --nav: #3B72EE; --nav-hover: #5288F4; --nav-bg: rgba(59,114,238,0.18); --nav-border: rgba(59,114,238,0.38);
  --nav-overlay-backdrop: rgba(4,4,12,0.75); --nav-overlay-card: #12142A; --nav-overlay-text: #D0D8F8; --nav-overlay-muted: #6070B0;
  --state-pending-bg: rgba(100,108,140,0.15); --state-pending-text: #8890A8; --state-pending-border: rgba(100,108,140,0.28);
  --state-active-bg: rgba(220,155,30,0.15); --state-active-text: #DCA020; --state-active-border: rgba(220,155,30,0.28);
  --state-completed-bg: rgba(48,175,105,0.15); --state-completed-text: #42C87A; --state-completed-border: rgba(48,175,105,0.28);
  --state-blocked-bg: rgba(215,55,40,0.15); --state-blocked-text: #E04838; --state-blocked-border: rgba(215,55,40,0.28);
  --state-terminal-bg: rgba(130,80,230,0.15); --state-terminal-text: #9868E8; --state-terminal-border: rgba(130,80,230,0.28);
  --scrollbar-thumb: rgba(60,68,100,0.35); --selection-bg: rgba(47,106,232,0.25); --focus-ring: rgba(47,106,232,0.65);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.28); --shadow-panel: 0 4px 16px rgba(0,0,0,0.42); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.58);
  --overlay-backdrop: rgba(0,0,0,0.68); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Black Silver ---- */
[data-omnis-palette="black-silver"] {
  --bg: #FFFFFF; --surface: #F4F4F6; --card: #EAEAEE; --sidebar: #000000;
  --border: #DDDDE4; --border-strong: #BEBEC8; --text: #0E0E12; --muted: #52525E; --dim: #98989E;
  --on-sidebar: #606068; --on-sidebar-active: #FFFFFF;
  --accent: #6E6E82; --accent-hover: #88889A; --accent-bg: rgba(110,110,130,0.10); --on-accent: #FFFFFF;
  --nav: #A01828; --nav-hover: #C02030; --nav-bg: rgba(160,24,40,0.09); --nav-border: rgba(160,24,40,0.28);
  --nav-overlay-backdrop: rgba(10,0,4,0.52); --nav-overlay-card: #FAF0F2; --nav-overlay-text: #220008; --nav-overlay-muted: #804050;
  --state-pending-bg: rgba(120,120,132,0.12); --state-pending-text: #52525E; --state-pending-border: rgba(120,120,132,0.35);
  --state-active-bg: rgba(154,96,16,0.10); --state-active-text: #9A6010; --state-active-border: rgba(154,96,16,0.30);
  --state-completed-bg: rgba(10,128,96,0.10); --state-completed-text: #0A8060; --state-completed-border: rgba(10,128,96,0.30);
  --state-blocked-bg: rgba(184,40,119,0.12); --state-blocked-text: #B82877; --state-blocked-border: rgba(184,40,119,0.35);
  --state-terminal-bg: rgba(90,74,160,0.10); --state-terminal-text: #5A4AA0; --state-terminal-border: rgba(90,74,160,0.28);
  --scrollbar-thumb: rgba(0,0,0,0.18); --selection-bg: rgba(110,110,130,0.18); --focus-ring: rgba(160,24,40,0.55);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.08); --shadow-panel: 0 4px 16px rgba(0,0,0,0.14); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="black-silver"][data-omnis-mode="dark"] {
  --bg: #000000; --surface: #0A0A0C; --card: #131316; --sidebar: #050506;
  --border: #1C1C22; --border-strong: #303038; --text: #EEEEF2; --muted: #86868E; --dim: #4E4E56;
  --on-sidebar: #585860; --on-sidebar-active: #FFFFFF;
  --accent: #B4B4C8; --accent-hover: #CCCCE0; --accent-bg: rgba(180,180,200,0.11); --on-accent: #000000;
  --nav: #D42030; --nav-hover: #E84050; --nav-bg: rgba(212,32,48,0.13); --nav-border: rgba(212,32,48,0.35);
  --nav-overlay-backdrop: rgba(0,0,0,0.75); --nav-overlay-card: #1C0608; --nav-overlay-text: #F8D8DC; --nav-overlay-muted: #A06068;
  --state-pending-bg: rgba(110,110,124,0.15); --state-pending-text: #86868E; --state-pending-border: rgba(110,110,124,0.28);
  --state-active-bg: rgba(232,176,64,0.14); --state-active-text: #E8B040; --state-active-border: rgba(232,176,64,0.30);
  --state-completed-bg: rgba(60,208,160,0.14); --state-completed-text: #3CD0A0; --state-completed-border: rgba(60,208,160,0.30);
  --state-blocked-bg: rgba(244,64,128,0.16); --state-blocked-text: #F44080; --state-blocked-border: rgba(244,64,128,0.35);
  --state-terminal-bg: rgba(156,132,224,0.13); --state-terminal-text: #9C84E0; --state-terminal-border: rgba(156,132,224,0.30);
  --scrollbar-thumb: rgba(180,180,200,0.18); --selection-bg: rgba(180,180,200,0.16); --focus-ring: rgba(212,32,48,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.32); --shadow-panel: 0 4px 16px rgba(0,0,0,0.48); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.62);
  --overlay-backdrop: rgba(0,0,0,0.68); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Royal Gold ---- */
[data-omnis-palette="royal-gold"] {
  --bg: #F8F7FC; --surface: #F0EEF8; --card: #FFFFFF; --sidebar: #1A0A2E;
  --border: #E2DEEF; --border-strong: #C4BEDD; --text: #16101E; --muted: #635878; --dim: #A498B8;
  --on-sidebar: #8060A8; --on-sidebar-active: #FFFFFF;
  --accent: #B8901A; --accent-hover: #CCA030; --accent-bg: rgba(184,144,26,0.10); --on-accent: #FFFFFF;
  --nav: #6A28C0; --nav-hover: #8040D8; --nav-bg: rgba(106,40,192,0.10); --nav-border: rgba(106,40,192,0.28);
  --nav-overlay-backdrop: rgba(16,6,32,0.52); --nav-overlay-card: #F5F0FC; --nav-overlay-text: #120830; --nav-overlay-muted: #7050A0;
  --state-pending-bg: rgba(140,128,168,0.12); --state-pending-text: #635878; --state-pending-border: rgba(140,128,168,0.35);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(40,140,100,0.10); --state-completed-text: #1E7858; --state-completed-border: rgba(40,140,100,0.30);
  --state-blocked-bg: rgba(190,40,60,0.10); --state-blocked-text: #B02040; --state-blocked-border: rgba(190,40,60,0.30);
  --state-terminal-bg: rgba(30,122,140,0.10); --state-terminal-text: #1E7A8C; --state-terminal-border: rgba(30,122,140,0.30);
  --scrollbar-thumb: rgba(26,10,46,0.18); --selection-bg: rgba(184,144,26,0.20); --focus-ring: rgba(184,144,26,0.55);
  --shadow-soft: 0 1px 3px rgba(16,8,32,0.08); --shadow-panel: 0 4px 16px rgba(16,8,32,0.13); --shadow-overlay: 0 20px 60px rgba(16,8,32,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="royal-gold"][data-omnis-mode="dark"] {
  --bg: #0A0610; --surface: #110C1A; --card: #181222; --sidebar: #080410;
  --border: #221830; --border-strong: #362848; --text: #EAE6F4; --muted: #9088A8; --dim: #544868;
  --on-sidebar: #6040A0; --on-sidebar-active: #FFFFFF;
  --accent: #D4A830; --accent-hover: #ECC048; --accent-bg: rgba(212,168,48,0.14); --on-accent: #120800;
  --nav: #A060F0; --nav-hover: #BC80FF; --nav-bg: rgba(160,96,240,0.14); --nav-border: rgba(160,96,240,0.35);
  --nav-overlay-backdrop: rgba(4,2,10,0.75); --nav-overlay-card: #160E28; --nav-overlay-text: #DDD0F8; --nav-overlay-muted: #8060B8;
  --state-pending-bg: rgba(130,112,160,0.15); --state-pending-text: #9088A8; --state-pending-border: rgba(130,112,160,0.28);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(60,180,120,0.15); --state-completed-text: #48C890; --state-completed-border: rgba(60,180,120,0.28);
  --state-blocked-bg: rgba(220,60,80,0.15); --state-blocked-text: #E05070; --state-blocked-border: rgba(220,60,80,0.28);
  --state-terminal-bg: rgba(74,192,212,0.14); --state-terminal-text: #4AC0D4; --state-terminal-border: rgba(74,192,212,0.30);
  --scrollbar-thumb: rgba(100,72,148,0.35); --selection-bg: rgba(212,168,48,0.22); --focus-ring: rgba(212,168,48,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.28); --shadow-panel: 0 4px 16px rgba(0,0,0,0.44); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.58);
  --overlay-backdrop: rgba(0,0,0,0.65); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Royal Silver ---- */
[data-omnis-palette="royal-silver"] {
  --bg: #F8F7FC; --surface: #F0EEF8; --card: #FFFFFF; --sidebar: #1A0A2E;
  --border: #E2DEEF; --border-strong: #C4BEDD; --text: #16101E; --muted: #635878; --dim: #A498B8;
  --on-sidebar: #8060A8; --on-sidebar-active: #FFFFFF;
  --accent: #7A7A9A; --accent-hover: #9090B2; --accent-bg: rgba(122,122,154,0.10); --on-accent: #FFFFFF;
  --nav: #6A28C0; --nav-hover: #8040D8; --nav-bg: rgba(106,40,192,0.10); --nav-border: rgba(106,40,192,0.28);
  --nav-overlay-backdrop: rgba(16,6,32,0.52); --nav-overlay-card: #F0ECFC; --nav-overlay-text: #120830; --nav-overlay-muted: #7050A0;
  --state-pending-bg: rgba(140,128,168,0.12); --state-pending-text: #635878; --state-pending-border: rgba(140,128,168,0.35);
  --state-active-bg: rgba(160,120,0,0.10); --state-active-text: #8A6400; --state-active-border: rgba(160,120,0,0.30);
  --state-completed-bg: rgba(40,140,100,0.10); --state-completed-text: #1E7858; --state-completed-border: rgba(40,140,100,0.30);
  --state-blocked-bg: rgba(190,40,60,0.10); --state-blocked-text: #B02040; --state-blocked-border: rgba(190,40,60,0.30);
  --state-terminal-bg: rgba(30,122,140,0.10); --state-terminal-text: #1E7A8C; --state-terminal-border: rgba(30,122,140,0.30);
  --scrollbar-thumb: rgba(26,10,46,0.18); --selection-bg: rgba(122,122,154,0.20); --focus-ring: rgba(106,40,192,0.55);
  --shadow-soft: 0 1px 3px rgba(16,8,32,0.08); --shadow-panel: 0 4px 16px rgba(16,8,32,0.13); --shadow-overlay: 0 20px 60px rgba(16,8,32,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="royal-silver"][data-omnis-mode="dark"] {
  --bg: #0A0610; --surface: #110C1A; --card: #181222; --sidebar: #080410;
  --border: #221830; --border-strong: #362848; --text: #EAE6F4; --muted: #9088A8; --dim: #544868;
  --on-sidebar: #6040A0; --on-sidebar-active: #FFFFFF;
  --accent: #B8B8D8; --accent-hover: #D0D0EC; --accent-bg: rgba(184,184,216,0.12); --on-accent: #0A0610;
  --nav: #A060F0; --nav-hover: #BC80FF; --nav-bg: rgba(160,96,240,0.14); --nav-border: rgba(160,96,240,0.35);
  --nav-overlay-backdrop: rgba(4,2,10,0.75); --nav-overlay-card: #160E28; --nav-overlay-text: #DDD0F8; --nav-overlay-muted: #8060B8;
  --state-pending-bg: rgba(130,112,160,0.15); --state-pending-text: #9088A8; --state-pending-border: rgba(130,112,160,0.28);
  --state-active-bg: rgba(210,165,40,0.15); --state-active-text: #D8A828; --state-active-border: rgba(210,165,40,0.28);
  --state-completed-bg: rgba(60,180,120,0.15); --state-completed-text: #48C890; --state-completed-border: rgba(60,180,120,0.28);
  --state-blocked-bg: rgba(220,60,80,0.15); --state-blocked-text: #E05070; --state-blocked-border: rgba(220,60,80,0.28);
  --state-terminal-bg: rgba(74,192,212,0.14); --state-terminal-text: #4AC0D4; --state-terminal-border: rgba(74,192,212,0.30);
  --scrollbar-thumb: rgba(100,72,148,0.35); --selection-bg: rgba(184,184,216,0.22); --focus-ring: rgba(160,96,240,0.60);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.28); --shadow-panel: 0 4px 16px rgba(0,0,0,0.44); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.58);
  --overlay-backdrop: rgba(0,0,0,0.65); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Cape Botanic ---- */
[data-omnis-palette="cape-botanic"] {
  --bg: #EEF3E8; --surface: #E4EEDc; --card: #F4F8F0; --sidebar: #1C3E24;
  --border: #C8D8BC; --border-strong: #A8C09A; --text: #142010; --muted: #4E7050; --dim: #88A888;
  --on-sidebar: #5A8A60; --on-sidebar-active: #F4F8F0;
  --accent: #4E7E4A; --accent-hover: #5E9458; --accent-bg: rgba(78,126,74,0.12); --on-accent: #FFFFFF;
  --nav: #2D5C34; --nav-hover: #3A7444; --nav-bg: rgba(45,92,52,0.12); --nav-border: rgba(45,92,52,0.32);
  --nav-overlay-backdrop: rgba(8,20,10,0.52); --nav-overlay-card: #EAF4E8; --nav-overlay-text: #102016; --nav-overlay-muted: #406848;
  --state-pending-bg: rgba(106,108,112,0.12); --state-pending-text: #6A6C70; --state-pending-border: rgba(106,108,112,0.32);
  --state-active-bg: rgba(176,112,32,0.10); --state-active-text: #B07020; --state-active-border: rgba(176,112,32,0.30);
  --state-completed-bg: rgba(10,128,96,0.10); --state-completed-text: #0A8060; --state-completed-border: rgba(10,128,96,0.30);
  --state-blocked-bg: rgba(138,48,64,0.10); --state-blocked-text: #8A3040; --state-blocked-border: rgba(138,48,64,0.28);
  --state-terminal-bg: rgba(90,74,160,0.10); --state-terminal-text: #5A4AA0; --state-terminal-border: rgba(90,74,160,0.30);
  --scrollbar-thumb: rgba(28,62,36,0.22); --selection-bg: rgba(78,126,74,0.22); --focus-ring: rgba(45,92,52,0.55);
  --shadow-soft: 0 1px 3px rgba(8,20,10,0.08); --shadow-panel: 0 4px 16px rgba(8,20,10,0.13); --shadow-overlay: 0 20px 60px rgba(8,20,10,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="cape-botanic"][data-omnis-mode="dark"] {
  --bg: #080E08; --surface: #101610; --card: #161E16; --sidebar: #060C06;
  --border: #1E2C1E; --border-strong: #2E4030; --text: #D8E8D4; --muted: #789878; --dim: #3E5840;
  --on-sidebar: #486848; --on-sidebar-active: #D8E8D4;
  --accent: #72B87A; --accent-hover: #8ACE92; --accent-bg: rgba(114,184,122,0.14); --on-accent: #060E06;
  --nav: #5A9E62; --nav-hover: #72B87A; --nav-bg: rgba(90,158,98,0.13); --nav-border: rgba(90,158,98,0.35);
  --nav-overlay-backdrop: rgba(2,6,2,0.72); --nav-overlay-card: #101A10; --nav-overlay-text: #C8E8C4; --nav-overlay-muted: #608060;
  --state-pending-bg: rgba(140,144,136,0.16); --state-pending-text: #8C9088; --state-pending-border: rgba(140,144,136,0.30);
  --state-active-bg: rgba(232,176,64,0.14); --state-active-text: #E8B040; --state-active-border: rgba(232,176,64,0.30);
  --state-completed-bg: rgba(60,208,160,0.14); --state-completed-text: #3CD0A0; --state-completed-border: rgba(60,208,160,0.30);
  --state-blocked-bg: rgba(180,80,90,0.15); --state-blocked-text: #C87080; --state-blocked-border: rgba(180,80,90,0.28);
  --state-terminal-bg: rgba(156,132,224,0.14); --state-terminal-text: #9C84E0; --state-terminal-border: rgba(156,132,224,0.30);
  --scrollbar-thumb: rgba(50,90,50,0.35); --selection-bg: rgba(114,184,122,0.25); --focus-ring: rgba(90,158,98,0.58);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.24); --shadow-panel: 0 4px 16px rgba(0,0,0,0.38); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.54);
  --overlay-backdrop: rgba(0,0,0,0.64); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- French Country ---- */
[data-omnis-palette="french-country"] {
  --bg: #EDE6D8; --surface: #E4DBС8; --card: #F7F3EC; --sidebar: #544030;
  --border: #D4C8AE; --border-strong: #B8A888; --text: #2E1E14; --muted: #7A6450; --dim: #A89070;
  --on-sidebar: #A07858; --on-sidebar-active: #F7F3EC;
  --accent: #C4883A; --accent-hover: #D89A48; --accent-bg: rgba(196,136,58,0.12); --on-accent: #FFFFFF;
  --nav: #4E7E4A; --nav-hover: #5E9458; --nav-bg: rgba(78,126,74,0.10); --nav-border: rgba(78,126,74,0.30);
  --nav-overlay-backdrop: rgba(20,12,4,0.50); --nav-overlay-card: #EEF4EC; --nav-overlay-text: #1A2E1E; --nav-overlay-muted: #4A7050;
  --state-pending-bg: rgba(168,144,112,0.14); --state-pending-text: #7A6450; --state-pending-border: rgba(168,144,112,0.36);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(10,128,96,0.10); --state-completed-text: #0A8060; --state-completed-border: rgba(10,128,96,0.30);
  --state-blocked-bg: rgba(138,48,64,0.10); --state-blocked-text: #8A3040; --state-blocked-border: rgba(138,48,64,0.30);
  --state-terminal-bg: rgba(52,66,112,0.10); --state-terminal-text: #344270; --state-terminal-border: rgba(52,66,112,0.28);
  --scrollbar-thumb: rgba(84,64,48,0.20); --selection-bg: rgba(196,136,58,0.22); --focus-ring: rgba(78,126,74,0.55);
  --shadow-soft: 0 1px 3px rgba(30,18,8,0.08); --shadow-panel: 0 4px 16px rgba(30,18,8,0.13); --shadow-overlay: 0 20px 60px rgba(30,18,8,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="french-country"][data-omnis-mode="dark"] {
  --bg: #16100A; --surface: #201810; --card: #281E16; --sidebar: #100C08;
  --border: #342618; --border-strong: #4A3828; --text: #EDE6D8; --muted: #9A8878; --dim: #5C4E3C;
  --on-sidebar: #6A5040; --on-sidebar-active: #EDE6D8;
  --accent: #D8A050; --accent-hover: #EAB868; --accent-bg: rgba(216,160,80,0.14); --on-accent: #140C02;
  --nav: #6AAA66; --nav-hover: #82C07E; --nav-bg: rgba(106,170,102,0.13); --nav-border: rgba(106,170,102,0.35);
  --nav-overlay-backdrop: rgba(4,2,0,0.72); --nav-overlay-card: #181C14; --nav-overlay-text: #D0E8D0; --nav-overlay-muted: #6A9068;
  --state-pending-bg: rgba(120,100,78,0.16); --state-pending-text: #9A8878; --state-pending-border: rgba(120,100,78,0.30);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(60,208,160,0.14); --state-completed-text: #3CD0A0; --state-completed-border: rgba(60,208,160,0.30);
  --state-blocked-bg: rgba(180,80,90,0.15); --state-blocked-text: #C87080; --state-blocked-border: rgba(180,80,90,0.28);
  --state-terminal-bg: rgba(80,100,170,0.15); --state-terminal-text: #7888C8; --state-terminal-border: rgba(80,100,170,0.28);
  --scrollbar-thumb: rgba(90,60,40,0.35); --selection-bg: rgba(216,160,80,0.25); --focus-ring: rgba(106,170,102,0.55);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.24); --shadow-panel: 0 4px 16px rgba(0,0,0,0.38); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.54);
  --overlay-backdrop: rgba(0,0,0,0.64); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Raj Indienne ---- */
[data-omnis-palette="raj-indienne"] {
  --bg: #F7F3EC; --surface: #EDE6D8; --card: #FBF8F3; --sidebar: #2E1E14;
  --border: #DDD4C0; --border-strong: #C4B89A; --text: #2E1E14; --muted: #7A6450; --dim: #B0A08A;
  --on-sidebar: #8A6E58; --on-sidebar-active: #FBF8F3;
  --accent: #344270; --accent-hover: #3E5088; --accent-bg: rgba(52,66,112,0.10); --on-accent: #FFFFFF;
  --nav: #8A3040; --nav-hover: #A03850; --nav-bg: rgba(138,48,64,0.10); --nav-border: rgba(138,48,64,0.28);
  --nav-overlay-backdrop: rgba(20,8,12,0.52); --nav-overlay-card: #F5ECEE; --nav-overlay-text: #2A0E16; --nav-overlay-muted: #784050;
  --state-pending-bg: rgba(176,160,138,0.12); --state-pending-text: #7A6450; --state-pending-border: rgba(176,160,138,0.35);
  --state-active-bg: rgba(176,112,32,0.10); --state-active-text: #B07020; --state-active-border: rgba(176,112,32,0.30);
  --state-completed-bg: rgba(78,126,74,0.12); --state-completed-text: #3A6C38; --state-completed-border: rgba(78,126,74,0.34);
  --state-blocked-bg: rgba(184,40,119,0.10); --state-blocked-text: #B82877; --state-blocked-border: rgba(184,40,119,0.30);
  --state-terminal-bg: rgba(30,122,140,0.10); --state-terminal-text: #1E7A8C; --state-terminal-border: rgba(30,122,140,0.30);
  --scrollbar-thumb: rgba(46,30,20,0.18); --selection-bg: rgba(52,66,112,0.20); --focus-ring: rgba(138,48,64,0.50);
  --shadow-soft: 0 1px 3px rgba(30,18,8,0.07); --shadow-panel: 0 4px 16px rgba(30,18,8,0.12); --shadow-overlay: 0 20px 60px rgba(30,18,8,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="raj-indienne"][data-omnis-mode="dark"] {
  --bg: #120C08; --surface: #1C1410; --card: #241A14; --sidebar: #0E0A06;
  --border: #2E2018; --border-strong: #443024; --text: #EDE6D8; --muted: #9A8878; --dim: #5C4E42;
  --on-sidebar: #6A5042; --on-sidebar-active: #EDE6D8;
  --accent: #7888C8; --accent-hover: #90A0DC; --accent-bg: rgba(120,136,200,0.14); --on-accent: #080C20;
  --nav: #C87080; --nav-hover: #DC8898; --nav-bg: rgba(200,112,128,0.13); --nav-border: rgba(200,112,128,0.35);
  --nav-overlay-backdrop: rgba(4,2,4,0.72); --nav-overlay-card: #1C1018; --nav-overlay-text: #E8D0D4; --nav-overlay-muted: #906070;
  --state-pending-bg: rgba(120,100,80,0.15); --state-pending-text: #9A8878; --state-pending-border: rgba(120,100,80,0.28);
  --state-active-bg: rgba(232,176,64,0.14); --state-active-text: #E8B040; --state-active-border: rgba(232,176,64,0.30);
  --state-completed-bg: rgba(90,158,98,0.15); --state-completed-text: #5A9E62; --state-completed-border: rgba(90,158,98,0.28);
  --state-blocked-bg: rgba(244,64,128,0.14); --state-blocked-text: #F44080; --state-blocked-border: rgba(244,64,128,0.30);
  --state-terminal-bg: rgba(74,192,212,0.14); --state-terminal-text: #4AC0D4; --state-terminal-border: rgba(74,192,212,0.30);
  --scrollbar-thumb: rgba(90,60,40,0.35); --selection-bg: rgba(120,136,200,0.25); --focus-ring: rgba(200,112,128,0.52);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.24); --shadow-panel: 0 4px 16px rgba(0,0,0,0.38); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.54);
  --overlay-backdrop: rgba(0,0,0,0.64); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}

/* ---- Rustic Ridge ---- */
[data-omnis-palette="rustic-ridge"] {
  --bg: #F7F3EC; --surface: #EDE6D8; --card: #FBF8F3; --sidebar: #1A2240;
  --border: #DDD4C0; --border-strong: #C4B89A; --text: #1A2240; --muted: #687090; --dim: #A8B0C8;
  --on-sidebar: #6070A0; --on-sidebar-active: #FBF8F3;
  --accent: #D4C5A9; --accent-hover: #E0D4BC; --accent-bg: rgba(212,197,169,0.20); --on-accent: #2E1E14;
  --nav: #A89070; --nav-hover: #BCA882; --nav-bg: rgba(168,144,112,0.12); --nav-border: rgba(168,144,112,0.32);
  --nav-overlay-backdrop: rgba(8,10,24,0.52); --nav-overlay-card: #EEF0F8; --nav-overlay-text: #101828; --nav-overlay-muted: #506080;
  --state-pending-bg: rgba(168,176,200,0.14); --state-pending-text: #687090; --state-pending-border: rgba(168,176,200,0.36);
  --state-active-bg: rgba(196,72,32,0.10); --state-active-text: #C44820; --state-active-border: rgba(196,72,32,0.30);
  --state-completed-bg: rgba(78,126,74,0.12); --state-completed-text: #3A6C38; --state-completed-border: rgba(78,126,74,0.34);
  --state-blocked-bg: rgba(138,48,64,0.10); --state-blocked-text: #8A3040; --state-blocked-border: rgba(138,48,64,0.28);
  --state-terminal-bg: rgba(52,66,112,0.12); --state-terminal-text: #344270; --state-terminal-border: rgba(52,66,112,0.30);
  --scrollbar-thumb: rgba(26,34,64,0.18); --selection-bg: rgba(212,197,169,0.30); --focus-ring: rgba(26,34,64,0.45);
  --shadow-soft: 0 1px 3px rgba(10,14,30,0.07); --shadow-panel: 0 4px 16px rgba(10,14,30,0.12); --shadow-overlay: 0 20px 60px rgba(10,14,30,0.28);
  --overlay-backdrop: rgba(0,0,0,0.40); --on-state-blocked: #FFFFFF;
  color-scheme: light;
}
[data-omnis-palette="rustic-ridge"][data-omnis-mode="dark"] {
  --bg: #080C18; --surface: #101624; --card: #181E2E; --sidebar: #060A14;
  --border: #202840; --border-strong: #303C5C; --text: #E8E4D8; --muted: #8890A8; --dim: #484E68;
  --on-sidebar: #485080; --on-sidebar-active: #E8E4D8;
  --accent: #C4B898; --accent-hover: #D8CEB0; --accent-bg: rgba(196,184,152,0.14); --on-accent: #180E04;
  --nav: #B8A888; --nav-hover: #CCC0A0; --nav-bg: rgba(184,168,136,0.13); --nav-border: rgba(184,168,136,0.32);
  --nav-overlay-backdrop: rgba(2,4,10,0.72); --nav-overlay-card: #141824; --nav-overlay-text: #D0D8E8; --nav-overlay-muted: #6878A0;
  --state-pending-bg: rgba(100,110,150,0.15); --state-pending-text: #8890A8; --state-pending-border: rgba(100,110,150,0.28);
  --state-active-bg: rgba(230,106,40,0.14); --state-active-text: #E66A28; --state-active-border: rgba(230,106,40,0.30);
  --state-completed-bg: rgba(90,158,98,0.15); --state-completed-text: #5A9E62; --state-completed-border: rgba(90,158,98,0.28);
  --state-blocked-bg: rgba(180,80,90,0.15); --state-blocked-text: #C87080; --state-blocked-border: rgba(180,80,90,0.28);
  --state-terminal-bg: rgba(120,136,200,0.15); --state-terminal-text: #7888C8; --state-terminal-border: rgba(120,136,200,0.28);
  --scrollbar-thumb: rgba(40,60,120,0.35); --selection-bg: rgba(196,184,152,0.22); --focus-ring: rgba(184,168,136,0.50);
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.26); --shadow-panel: 0 4px 16px rgba(0,0,0,0.40); --shadow-overlay: 0 20px 60px rgba(0,0,0,0.56);
  --overlay-backdrop: rgba(0,0,0,0.64); --on-state-blocked: #FFFFFF;
  color-scheme: dark;
}