@kanunilabs/datagrid 1.5.0 → 1.7.0

package/dist/themes/all.css

@@ -0,0 +1,1588 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Porcelain (light) — Crisp white, cool ink and a clear blue — the everyday default. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-root.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f5f6f8;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f3f4f6;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c6c8cb;
+  --dg-text: #111827;
+  --dg-text-muted: #666a73;
+  --dg-primary: #2563eb;
+  --dg-primary-soft: #e3ebfc;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #2563eb;
+  --dg-header-bg: #f3f4f6;
+  --dg-header-text: #111827;
+  --dg-header-text-muted: #626770;
+  --dg-header-hover: #e3e5e8;
+  --dg-selected-bg: #e3ebfc;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f3f4f6;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #111827;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(37, 99, 235, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c8cb;
+}
+
+/* Ivory (light) — Warm off-white with a bronze accent; quiet and premium. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-root.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f6f2ea;
+  --dg-surface: #fffdf8;
+  --dg-surface-header: #f3ecdf;
+  --dg-surface-hover: #f5f3ee;
+  --dg-surface-stripe: #fbf9f4;
+  --dg-border: #e4e2dd;
+  --dg-border-strong: #c9c7c2;
+  --dg-text: #1f1b16;
+  --dg-text-muted: #6b6964;
+  --dg-primary: #8a5a12;
+  --dg-primary-soft: #f0e8da;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #8a5a12;
+  --dg-header-bg: #f3ecdf;
+  --dg-header-text: #1f1b16;
+  --dg-header-text-muted: #655f58;
+  --dg-header-hover: #e4ddd1;
+  --dg-selected-bg: #f0e8da;
+  --dg-group-bg: #f8f6f1;
+  --dg-footer-bg: #f3ecdf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde792;
+  --dg-highlight-text: #1f1b16;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(138, 90, 18, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c9c7c2;
+}
+
+/* Stone (light) — Warm greys and a graphite accent — low noise, high polish. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-root.kanuni-datagrid-palette-stone.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-stone.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-stone.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #efeeeb;
+  --dg-surface: #fbfbfa;
+  --dg-surface-header: #ecebe8;
+  --dg-surface-hover: #f1f1f0;
+  --dg-surface-stripe: #f7f7f6;
+  --dg-border: #e0e0df;
+  --dg-border-strong: #c5c5c4;
+  --dg-text: #1c1917;
+  --dg-text-muted: #666462;
+  --dg-primary: #57534e;
+  --dg-primary-soft: #e6e5e4;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #57534e;
+  --dg-header-bg: #ecebe8;
+  --dg-header-text: #1c1917;
+  --dg-header-text-muted: #63615e;
+  --dg-header-hover: #dddcd9;
+  --dg-selected-bg: #e6e5e4;
+  --dg-group-bg: #f4f4f3;
+  --dg-footer-bg: #ecebe8;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d12424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe693;
+  --dg-highlight-text: #1c1917;
+  --dg-note-marker: #d12424;
+  --dg-flash-bg: rgba(87, 83, 78, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c5c4;
+}
+
+/* Mist (light) — Cool grey surfaces and a steel-blue accent for analytical work. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-root.kanuni-datagrid-palette-mist.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-mist.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-mist.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eef1f5;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e8edf3;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c5c7cc;
+  --dg-text: #0f172a;
+  --dg-text-muted: #656975;
+  --dg-primary: #3e5f8a;
+  --dg-primary-soft: #e6eaf0;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #3e5f8a;
+  --dg-header-bg: #e8edf3;
+  --dg-header-text: #0f172a;
+  --dg-header-text-muted: #5a606d;
+  --dg-header-hover: #d9dee5;
+  --dg-selected-bg: #e6eaf0;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #e8edf3;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f172a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(62, 95, 138, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c7cc;
+}
+
+/* Glacier (light) — Blue-grey header band over white cells, a deep sky accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-root.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e9eef4;
+  --dg-surface: #fbfcfe;
+  --dg-surface-header: #dde6f0;
+  --dg-surface-hover: #f0f2f4;
+  --dg-surface-stripe: #f7f8fa;
+  --dg-border: #dee1e4;
+  --dg-border-strong: #c1c5ca;
+  --dg-text: #0b1726;
+  --dg-text-muted: #5e666f;
+  --dg-primary: #1e4fa3;
+  --dg-primary-soft: #dee6f2;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #1e4fa3;
+  --dg-header-bg: #dde6f0;
+  --dg-header-text: #0b1726;
+  --dg-header-text-muted: #545e6a;
+  --dg-header-hover: #ced8e2;
+  --dg-selected-bg: #dee6f2;
+  --dg-group-bg: #f4f5f8;
+  --dg-footer-bg: #dde6f0;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d12424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe695;
+  --dg-highlight-text: #0b1726;
+  --dg-note-marker: #d12424;
+  --dg-flash-bg: rgba(30, 79, 163, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c1c5ca;
+}
+
+/* Slate (light) — Light slate surfaces with an indigo-slate accent; technical and calm. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #d6dde6;
+  --dg-surface: #f1f5f9;
+  --dg-surface-header: #d9e1ea;
+  --dg-surface-hover: #e7ebf0;
+  --dg-surface-stripe: #edf1f5;
+  --dg-border: #cbd4df;
+  --dg-border-strong: #bbc0c7;
+  --dg-text: #0f172a;
+  --dg-text-muted: #5d6370;
+  --dg-primary: #4f5d95;
+  --dg-primary-soft: #dce1ec;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #4f5d95;
+  --dg-header-bg: #d9e1ea;
+  --dg-header-text: #0f172a;
+  --dg-header-text-muted: #535a68;
+  --dg-header-hover: #cbd3dd;
+  --dg-selected-bg: #dce1ec;
+  --dg-group-bg: #eaeef3;
+  --dg-footer-bg: #d9e1ea;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #cd2323;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b05109;
+  --dg-highlight-bg: #f5e392;
+  --dg-highlight-text: #0f172a;
+  --dg-note-marker: #cd2323;
+  --dg-flash-bg: rgba(79, 93, 149, 0.35);
+  --dg-find-active-ring: #b05109;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #bbc0c7;
+}
+
+/* Linen (light) — Cream cells and a sage accent; natural and soft for long sessions. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-root.kanuni-datagrid-palette-linen.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-linen.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-linen.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f2eedf;
+  --dg-surface: #fffdf6;
+  --dg-surface-header: #ebe7d2;
+  --dg-surface-hover: #f5f4ec;
+  --dg-surface-stripe: #fbf9f2;
+  --dg-border: #e5e4dc;
+  --dg-border-strong: #cbcac3;
+  --dg-text: #262a20;
+  --dg-text-muted: #64665f;
+  --dg-primary: #4f6f3a;
+  --dg-primary-soft: #e8ebde;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #4f6f3a;
+  --dg-header-bg: #ebe7d2;
+  --dg-header-text: #262a20;
+  --dg-header-text-muted: #5e5f53;
+  --dg-header-hover: #dddac6;
+  --dg-selected-bg: #e8ebde;
+  --dg-group-bg: #f8f7f0;
+  --dg-footer-bg: #ebe7d2;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde791;
+  --dg-highlight-text: #262a20;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(79, 111, 58, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cbcac3;
+}
+
+/* Sandstone (light) — Sand and beige with a terracotta accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-root.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f1e8da;
+  --dg-surface: #fdf9f3;
+  --dg-surface-header: #efe2cf;
+  --dg-surface-hover: #f4f0ea;
+  --dg-surface-stripe: #f9f5ef;
+  --dg-border: #e6e1da;
+  --dg-border-strong: #cec8c1;
+  --dg-text: #3a2d22;
+  --dg-text-muted: #6b645c;
+  --dg-primary: #b4532a;
+  --dg-primary-soft: #f4e3d9;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #b4532a;
+  --dg-header-bg: #efe2cf;
+  --dg-header-text: #3a2d22;
+  --dg-header-text-muted: #645a4f;
+  --dg-header-hover: #e2d5c3;
+  --dg-selected-bg: #f4e3d9;
+  --dg-group-bg: #f7f3ed;
+  --dg-footer-bg: #efe2cf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d22424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fce58f;
+  --dg-highlight-text: #3a2d22;
+  --dg-note-marker: #d22424;
+  --dg-flash-bg: rgba(180, 83, 42, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cec8c1;
+}
+
+/* Taupe (light) — Soft grey-brown neutrals and a cocoa accent; understated. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-root.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eee9e4;
+  --dg-surface: #faf8f6;
+  --dg-surface-header: #e9e2db;
+  --dg-surface-hover: #f1efed;
+  --dg-surface-stripe: #f6f4f2;
+  --dg-border: #e2dfdd;
+  --dg-border-strong: #c9c6c4;
+  --dg-text: #2e2925;
+  --dg-text-muted: #686460;
+  --dg-primary: #7a5a48;
+  --dg-primary-soft: #e9e3df;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #7a5a48;
+  --dg-header-bg: #e9e2db;
+  --dg-header-text: #2e2925;
+  --dg-header-text-muted: #5f5a56;
+  --dg-header-hover: #dcd5ce;
+  --dg-selected-bg: #e9e3df;
+  --dg-group-bg: #f4f2f0;
+  --dg-footer-bg: #e9e2db;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d22424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fae491;
+  --dg-highlight-text: #2e2925;
+  --dg-note-marker: #d22424;
+  --dg-flash-bg: rgba(122, 90, 72, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c9c6c4;
+}
+
+/* Azure (light) — A blue-tinted header band and a confident blue accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-root.kanuni-datagrid-palette-azure.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-azure.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-azure.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e1ebfc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #d6e4fc;
+  --dg-surface-hover: #f4f5f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e4e7;
+  --dg-border-strong: #c5c8ce;
+  --dg-text: #0f1b33;
+  --dg-text-muted: #5d6472;
+  --dg-primary: #1a56db;
+  --dg-primary-soft: #e1e9fa;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #1a56db;
+  --dg-header-bg: #d6e4fc;
+  --dg-header-text: #0f1b33;
+  --dg-header-text-muted: #525d73;
+  --dg-header-hover: #c8d6ee;
+  --dg-selected-bg: #e1e9fa;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #d6e4fc;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f1b33;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(26, 86, 219, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c8ce;
+}
+
+/* Indigo (light) — White cells under a lavender band, an indigo accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e9eafc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e2e4fd;
+  --dg-surface-hover: #f5f5f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e3e3e7;
+  --dg-border-strong: #c8c7d0;
+  --dg-text: #18173a;
+  --dg-text-muted: #656478;
+  --dg-primary: #3730a3;
+  --dg-primary-soft: #e5e4f3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #3730a3;
+  --dg-header-bg: #e2e4fd;
+  --dg-header-text: #18173a;
+  --dg-header-text-muted: #5b5b77;
+  --dg-header-hover: #d4d6ef;
+  --dg-selected-bg: #e5e4f3;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #e2e4fd;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #18173a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(55, 48, 163, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c8c7d0;
+}
+
+/* Teal (light) — Fresh mint band and a deep teal accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-teal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-teal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-teal.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e3f4f1;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #d3eee9;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e5e5;
+  --dg-border-strong: #c5cbcb;
+  --dg-text: #0f2725;
+  --dg-text-muted: #5d6a69;
+  --dg-primary: #0f766e;
+  --dg-primary-soft: #e0edec;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0f766e;
+  --dg-header-bg: #d3eee9;
+  --dg-header-text: #0f2725;
+  --dg-header-text-muted: #4d625f;
+  --dg-header-hover: #c5e0db;
+  --dg-selected-bg: #e0edec;
+  --dg-group-bg: #f8f9f8;
+  --dg-footer-bg: #d3eee9;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f2725;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(15, 118, 110, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5cbcb;
+}
+
+/* Lagoon (light) — Cyan-washed surfaces and an ocean accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-root.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #dcf2f8;
+  --dg-surface: #fbfeff;
+  --dg-surface-header: #cdebf5;
+  --dg-surface-hover: #f0f4f6;
+  --dg-surface-stripe: #f7fafb;
+  --dg-border: #dee4e6;
+  --dg-border-strong: #c1cacd;
+  --dg-text: #0b2530;
+  --dg-text-muted: #5a6870;
+  --dg-primary: #0369a1;
+  --dg-primary-soft: #dbebf3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0369a1;
+  --dg-header-bg: #cdebf5;
+  --dg-header-text: #0b2530;
+  --dg-header-text-muted: #4b626c;
+  --dg-header-hover: #bfdde7;
+  --dg-selected-bg: #dbebf3;
+  --dg-group-bg: #f4f7f9;
+  --dg-footer-bg: #cdebf5;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe896;
+  --dg-highlight-text: #0b2530;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(3, 105, 161, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c1cacd;
+}
+
+/* Emerald (light) — Green-tinted band and an emerald accent; good for finance. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-root.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eaf7e8;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #ddf3d8;
+  --dg-surface-hover: #f4f5f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e5e2;
+  --dg-border-strong: #c6cac5;
+  --dg-text: #11240d;
+  --dg-text-muted: #616b5f;
+  --dg-primary: #15803d;
+  --dg-primary-soft: #e1eee6;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #15803d;
+  --dg-header-bg: #ddf3d8;
+  --dg-header-text: #11240d;
+  --dg-header-text-muted: #54654f;
+  --dg-header-hover: #cfe5ca;
+  --dg-selected-bg: #e1eee6;
+  --dg-group-bg: #f8f8f8;
+  --dg-footer-bg: #ddf3d8;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #11240d;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(21, 128, 61, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6cac5;
+}
+
+/* Orchid (light) — Soft violet band and a vivid violet accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-root.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f8eefc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f4e4fc;
+  --dg-surface-hover: #f5f4f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e5e3e6;
+  --dg-border-strong: #cac6cd;
+  --dg-text: #24122f;
+  --dg-text-muted: #6e6475;
+  --dg-primary: #9333ea;
+  --dg-primary-soft: #f1e4fc;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #9333ea;
+  --dg-header-bg: #f4e4fc;
+  --dg-header-text: #24122f;
+  --dg-header-text-muted: #685871;
+  --dg-header-hover: #e5d5ee;
+  --dg-selected-bg: #f1e4fc;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f4e4fc;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #24122f;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(147, 51, 234, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cac6cd;
+}
+
+/* Rose (light) — A blush band and a muted crimson accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-root.kanuni-datagrid-palette-rose.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-rose.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-rose.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fbf0f2;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f9e7eb;
+  --dg-surface-hover: #f5f4f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e5e3e3;
+  --dg-border-strong: #ccc6c8;
+  --dg-text: #2a1218;
+  --dg-text-muted: #6f6165;
+  --dg-primary: #be123c;
+  --dg-primary-soft: #f7e0e6;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #be123c;
+  --dg-header-bg: #f9e7eb;
+  --dg-header-text: #2a1218;
+  --dg-header-text-muted: #705c60;
+  --dg-header-hover: #ebd8dc;
+  --dg-selected-bg: #f7e0e6;
+  --dg-group-bg: #f9f8f8;
+  --dg-footer-bg: #f9e7eb;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #2a1218;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(190, 18, 60, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc6c8;
+}
+
+/* Amber (light) — Honey band and an amber accent; warm and bright. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-root.kanuni-datagrid-palette-amber.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-amber.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-amber.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fcf3d6;
+  --dg-surface: #fffefa;
+  --dg-surface-header: #fbecbd;
+  --dg-surface-hover: #f5f4ef;
+  --dg-surface-stripe: #fbfaf6;
+  --dg-border: #e5e3de;
+  --dg-border-strong: #ccc8c1;
+  --dg-text: #2a1f0e;
+  --dg-text-muted: #6f695d;
+  --dg-primary: #a16207;
+  --dg-primary-soft: #f3eada;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #a16207;
+  --dg-header-bg: #fbecbd;
+  --dg-header-text: #2a1f0e;
+  --dg-header-text-muted: #6a5f47;
+  --dg-header-hover: #ecdeb1;
+  --dg-selected-bg: #f3eada;
+  --dg-group-bg: #f9f7f3;
+  --dg-footer-bg: #fbecbd;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde893;
+  --dg-highlight-text: #2a1f0e;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(161, 98, 7, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc8c1;
+}
+
+/* Coral (light) — Peach band and a coral-orange accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-root.kanuni-datagrid-palette-coral.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-coral.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-coral.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fdece6;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #fcdccf;
+  --dg-surface-hover: #f5f5f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e6e3e2;
+  --dg-border-strong: #ccc8c6;
+  --dg-text: #2b1810;
+  --dg-text-muted: #6d625e;
+  --dg-primary: #c2410c;
+  --dg-primary-soft: #f7e6df;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #c2410c;
+  --dg-header-bg: #fcdccf;
+  --dg-header-text: #2b1810;
+  --dg-header-text-muted: #6b564e;
+  --dg-header-hover: #edcec2;
+  --dg-selected-bg: #f7e6df;
+  --dg-group-bg: #f9f8f8;
+  --dg-footer-bg: #fcdccf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #2b1810;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(194, 65, 12, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc8c6;
+}
+
+/* Corporate (light) — An ink header band over white cells; boardroom-formal. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-root.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eef1f5;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f7f7f7;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c6c8cb;
+  --dg-text: #111827;
+  --dg-text-muted: #666a73;
+  --dg-primary: #3b82f6;
+  --dg-primary-soft: #e6effe;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #3b82f6;
+  --dg-header-bg: #1e293b;
+  --dg-header-text: #f1f5f9;
+  --dg-header-text-muted: #a1a7b1;
+  --dg-header-hover: #2d3748;
+  --dg-selected-bg: #e6effe;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f7f7f7;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #111827;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(59, 130, 246, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c8cb;
+}
+
+/* Editorial (light) — Paper white and deep red, like a printed report. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-root.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f7f5f0;
+  --dg-surface: #fffefb;
+  --dg-surface-header: #fffefb;
+  --dg-surface-hover: #f5f4f1;
+  --dg-surface-stripe: #fbfaf7;
+  --dg-border: #e4dfd5;
+  --dg-border-strong: #c8c7c5;
+  --dg-text: #1a1a1a;
+  --dg-text-muted: #666665;
+  --dg-primary: #a31d1d;
+  --dg-primary-soft: #f3e1de;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #a31d1d;
+  --dg-header-bg: #fffefb;
+  --dg-header-text: #1a1a1a;
+  --dg-header-text-muted: #6b6b6a;
+  --dg-header-hover: #efeeeb;
+  --dg-selected-bg: #f3e1de;
+  --dg-group-bg: #f8f7f4;
+  --dg-footer-bg: #fffefb;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde894;
+  --dg-highlight-text: #1a1a1a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(163, 29, 29, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c8c7c5;
+}
+
+/* Monochrome (light) — Pure greyscale: no hue anywhere, the accent is ink. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-root.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f2f2f2;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #efefef;
+  --dg-surface-hover: #f4f4f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e2e2;
+  --dg-border-strong: #c6c6c6;
+  --dg-text: #111111;
+  --dg-text-muted: #636363;
+  --dg-primary: #262626;
+  --dg-primary-soft: #e3e3e3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #262626;
+  --dg-header-bg: #efefef;
+  --dg-header-text: #111111;
+  --dg-header-text-muted: #626262;
+  --dg-header-hover: #dfdfdf;
+  --dg-selected-bg: #e3e3e3;
+  --dg-group-bg: #f8f8f8;
+  --dg-footer-bg: #efefef;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #111111;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(38, 38, 38, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c6c6;
+}
+
+/* High contrast light (light) — Black on white with strong rules, for low vision and bright rooms. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #ffffff;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e8e8e8;
+  --dg-surface-hover: #f4f4f4;
+  --dg-surface-stripe: #fafafa;
+  --dg-border: #5c5c5c;
+  --dg-border-strong: #000000;
+  --dg-text: #000000;
+  --dg-text-muted: #2b2b2b;
+  --dg-primary: #0033cc;
+  --dg-primary-soft: #dee4f8;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0033cc;
+  --dg-header-bg: #e8e8e8;
+  --dg-header-text: #000000;
+  --dg-header-text-muted: #2b2b2b;
+  --dg-header-hover: #d8d8d8;
+  --dg-selected-bg: #dee4f8;
+  --dg-group-bg: #f7f7f7;
+  --dg-footer-bg: #e8e8e8;
+  --dg-danger: #b00020;
+  --dg-danger-text: #b00020;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #7a4100;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #000000;
+  --dg-note-marker: #b00020;
+  --dg-flash-bg: rgba(0, 51, 204, 0.35);
+  --dg-find-active-ring: #7a4100;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c2c2c2;
+}
+
+/* Charcoal (dark) — Neutral charcoal with a soft blue accent; the everyday dark. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #18191b;
+  --dg-surface: #1f2023;
+  --dg-surface-header: #26272b;
+  --dg-surface-hover: #2e2f32;
+  --dg-surface-stripe: #252629;
+  --dg-border: #3f4043;
+  --dg-border-strong: #5b5c5f;
+  --dg-text: #e8e8eb;
+  --dg-text-muted: #b5b5b7;
+  --dg-primary: #8ab4f8;
+  --dg-primary-soft: #3b465a;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #8ab4f8;
+  --dg-header-bg: #26272b;
+  --dg-header-text: #e8e8eb;
+  --dg-header-text-muted: #9e9fa2;
+  --dg-header-hover: #343538;
+  --dg-selected-bg: #3b465a;
+  --dg-group-bg: #292a2d;
+  --dg-footer-bg: #26272b;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #70501a;
+  --dg-highlight-text: #e8e8eb;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(138, 180, 248, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #636467;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Graphite (dark) — Mid-grey graphite and a silver-blue accent; gentle contrast. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-root.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #202225;
+  --dg-surface: #26292d;
+  --dg-surface-header: #2e3136;
+  --dg-surface-hover: #34373b;
+  --dg-surface-stripe: #2c2f33;
+  --dg-border: #44474b;
+  --dg-border-strong: #5f6266;
+  --dg-text: #e4e6ea;
+  --dg-text-muted: #bebfc2;
+  --dg-primary: #9db8d9;
+  --dg-primary-soft: #454e5a;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #9db8d9;
+  --dg-header-bg: #2e3136;
+  --dg-header-text: #e4e6ea;
+  --dg-header-text-muted: #a6a8ad;
+  --dg-header-hover: #3b3e43;
+  --dg-selected-bg: #454e5a;
+  --dg-group-bg: #303236;
+  --dg-footer-bg: #2e3136;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87878;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #755520;
+  --dg-highlight-text: #e4e6ea;
+  --dg-note-marker: #f87878;
+  --dg-flash-bg: rgba(157, 184, 217, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #67696d;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Onyx (dark) — Soft black for OLED screens, with a lilac accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-root.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0d0d0f;
+  --dg-surface: #141416;
+  --dg-surface-header: #1b1b1f;
+  --dg-surface-hover: #242426;
+  --dg-surface-stripe: #1a1a1d;
+  --dg-border: #373739;
+  --dg-border-strong: #555557;
+  --dg-text: #ececef;
+  --dg-text-muted: #a7a7a9;
+  --dg-primary: #b4a5f5;
+  --dg-primary-soft: #3e3a50;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #b4a5f5;
+  --dg-header-bg: #1b1b1f;
+  --dg-header-text: #ececef;
+  --dg-header-text-muted: #9d9da0;
+  --dg-header-hover: #2a2a2e;
+  --dg-selected-bg: #3e3a50;
+  --dg-group-bg: #1f1f21;
+  --dg-footer-bg: #1b1b1f;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6a4812;
+  --dg-highlight-text: #ececef;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(180, 165, 245, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5d5d60;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Slate night (dark) — Deep slate and a sky accent — technical and cool. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0f172a;
+  --dg-surface: #162033;
+  --dg-surface-header: #1e2a40;
+  --dg-surface-hover: #252f41;
+  --dg-surface-stripe: #1c2639;
+  --dg-border: #374051;
+  --dg-border-strong: #535c6c;
+  --dg-text: #e2e8f0;
+  --dg-text-muted: #afb5be;
+  --dg-primary: #38bdf8;
+  --dg-primary-soft: #1f4966;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #38bdf8;
+  --dg-header-bg: #1e2a40;
+  --dg-header-text: #e2e8f0;
+  --dg-header-text-muted: #98a0ad;
+  --dg-header-hover: #2c374c;
+  --dg-selected-bg: #1f4966;
+  --dg-group-bg: #202a3c;
+  --dg-footer-bg: #1e2a40;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6b5024;
+  --dg-highlight-text: #e2e8f0;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(56, 189, 248, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5b6473;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Steel (dark) — Blue-grey steel surfaces and a cornflower accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-root.kanuni-datagrid-palette-steel.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-steel.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-steel.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a2029;
+  --dg-surface: #212833;
+  --dg-surface-header: #2a3340;
+  --dg-surface-hover: #303641;
+  --dg-surface-stripe: #272e39;
+  --dg-border: #404751;
+  --dg-border-strong: #5b626b;
+  --dg-text: #e3e8ef;
+  --dg-text-muted: #b3b7be;
+  --dg-primary: #7fa6e0;
+  --dg-primary-soft: #394960;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #7fa6e0;
+  --dg-header-bg: #2a3340;
+  --dg-header-text: #e3e8ef;
+  --dg-header-text-muted: #a7acb5;
+  --dg-header-hover: #37404c;
+  --dg-selected-bg: #394960;
+  --dg-group-bg: #2b323c;
+  --dg-footer-bg: #2a3340;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87575;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #725524;
+  --dg-highlight-text: #e3e8ef;
+  --dg-note-marker: #f87575;
+  --dg-flash-bg: rgba(127, 166, 224, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #636973;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Midnight (dark) — Navy depth with a bright blue accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-root.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0a1122;
+  --dg-surface: #0f1830;
+  --dg-surface-header: #16223f;
+  --dg-surface-hover: #1f283f;
+  --dg-surface-stripe: #151e36;
+  --dg-border: #313950;
+  --dg-border-strong: #4e566b;
+  --dg-text: #e2e8f6;
+  --dg-text-muted: #a2a8b8;
+  --dg-primary: #60a5fa;
+  --dg-primary-soft: #243d65;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #60a5fa;
+  --dg-header-bg: #16223f;
+  --dg-header-text: #e2e8f6;
+  --dg-header-text-muted: #949db0;
+  --dg-header-hover: #24304c;
+  --dg-selected-bg: #243d65;
+  --dg-group-bg: #1a223a;
+  --dg-footer-bg: #16223f;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #664b22;
+  --dg-highlight-text: #e2e8f6;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(96, 165, 250, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #575f73;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Indigo night (dark) — Indigo-tinted dark and a periwinkle accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0f1330;
+  --dg-surface: #151a38;
+  --dg-surface-header: #1e2550;
+  --dg-surface-hover: #252947;
+  --dg-surface-stripe: #1b203e;
+  --dg-border: #363b57;
+  --dg-border-strong: #545872;
+  --dg-text: #e6e8fa;
+  --dg-text-muted: #aeb1c2;
+  --dg-primary: #a5b4fc;
+  --dg-primary-soft: #3a426b;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #a5b4fc;
+  --dg-header-bg: #1e2550;
+  --dg-header-text: #e6e8fa;
+  --dg-header-text-muted: #9a9eb9;
+  --dg-header-hover: #2c335c;
+  --dg-selected-bg: #3a426b;
+  --dg-group-bg: #1f2442;
+  --dg-footer-bg: #1e2550;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6a4c27;
+  --dg-highlight-text: #e6e8fa;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(165, 180, 252, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5c607a;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Forest (dark) — Deep green-black with an emerald accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-root.kanuni-datagrid-palette-forest.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-forest.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-forest.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0b1712;
+  --dg-surface: #10201a;
+  --dg-surface-header: #173027;
+  --dg-surface-hover: #20302a;
+  --dg-surface-stripe: #162620;
+  --dg-border: #32413b;
+  --dg-border-strong: #4f5e58;
+  --dg-text: #e2f0ea;
+  --dg-text-muted: #abb6b2;
+  --dg-primary: #34d399;
+  --dg-primary-soft: #194f3b;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #34d399;
+  --dg-header-bg: #173027;
+  --dg-header-text: #e2f0ea;
+  --dg-header-text-muted: #95a7a0;
+  --dg-header-hover: #253d35;
+  --dg-selected-bg: #194f3b;
+  --dg-group-bg: #1b2a24;
+  --dg-footer-bg: #173027;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #675014;
+  --dg-highlight-text: #e2f0ea;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(52, 211, 153, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #576761;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Deep sea (dark) — Dark teal water and an aqua accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-root.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0a1719;
+  --dg-surface: #0f2023;
+  --dg-surface-header: #152f31;
+  --dg-surface-hover: #1f3032;
+  --dg-surface-stripe: #152629;
+  --dg-border: #304144;
+  --dg-border-strong: #4e5e60;
+  --dg-text: #e0f0ef;
+  --dg-text-muted: #adb9b9;
+  --dg-primary: #2dd4bf;
+  --dg-primary-soft: #174f4c;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #2dd4bf;
+  --dg-header-bg: #152f31;
+  --dg-header-text: #e0f0ef;
+  --dg-header-text-muted: #93a7a7;
+  --dg-header-hover: #233d3e;
+  --dg-selected-bg: #174f4c;
+  --dg-group-bg: #192a2d;
+  --dg-footer-bg: #152f31;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #66501a;
+  --dg-highlight-text: #e0f0ef;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(45, 212, 191, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #566768;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Aubergine (dark) — Plum-dark surfaces with a soft violet accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-root.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a0e1d;
+  --dg-surface: #221326;
+  --dg-surface-header: #321d38;
+  --dg-surface-hover: #322336;
+  --dg-surface-stripe: #28192c;
+  --dg-border: #433547;
+  --dg-border-strong: #605264;
+  --dg-text: #f2e6f5;
+  --dg-text-muted: #b8aeba;
+  --dg-primary: #e9a6f5;
+  --dg-primary-soft: #56395c;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #e9a6f5;
+  --dg-header-bg: #321d38;
+  --dg-header-text: #f2e6f5;
+  --dg-header-text-muted: #a99aad;
+  --dg-header-hover: #3f2b45;
+  --dg-selected-bg: #56395c;
+  --dg-group-bg: #2c1e30;
+  --dg-footer-bg: #321d38;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #72481c;
+  --dg-highlight-text: #f2e6f5;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(233, 166, 245, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #695b6c;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Burgundy (dark) — Wine-dark and a rose accent; warm for a dark. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-root.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a0f14;
+  --dg-surface: #22141a;
+  --dg-surface-header: #311c25;
+  --dg-surface-hover: #32242a;
+  --dg-surface-stripe: #281a20;
+  --dg-border: #43363b;
+  --dg-border-strong: #615358;
+  --dg-text: #f3e6ea;
+  --dg-text-muted: #ada1a5;
+  --dg-primary: #fb7185;
+  --dg-primary-soft: #5a2c36;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #fb7185;
+  --dg-header-bg: #311c25;
+  --dg-header-text: #f3e6ea;
+  --dg-header-text-muted: #a9999f;
+  --dg-header-hover: #3f2a33;
+  --dg-selected-bg: #5a2c36;
+  --dg-group-bg: #2c1f24;
+  --dg-footer-bg: #311c25;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #724814;
+  --dg-highlight-text: #f3e6ea;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(251, 113, 133, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #695b61;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Ember (dark) — Brown-black with a glowing amber accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-root.kanuni-datagrid-palette-ember.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ember.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ember.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #17130d;
+  --dg-surface: #1f1a12;
+  --dg-surface-header: #2c2418;
+  --dg-surface-hover: #2f2a21;
+  --dg-surface-stripe: #252018;
+  --dg-border: #413b32;
+  --dg-border-strong: #5e594f;
+  --dg-text: #f2ebdd;
+  --dg-text-muted: #b9b5ac;
+  --dg-primary: #fbbf24;
+  --dg-primary-soft: #584517;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #fbbf24;
+  --dg-header-bg: #2c2418;
+  --dg-header-text: #f2ebdd;
+  --dg-header-text-muted: #a79f92;
+  --dg-header-hover: #3a3226;
+  --dg-selected-bg: #584517;
+  --dg-group-bg: #2a241c;
+  --dg-footer-bg: #2c2418;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #704c0f;
+  --dg-highlight-text: #f2ebdd;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(251, 191, 36, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #676157;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* High contrast dark (dark) — White on black with bright rules and a yellow accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #000000;
+  --dg-surface: #000000;
+  --dg-surface-header: #1a1a1a;
+  --dg-surface-hover: #131313;
+  --dg-surface-stripe: #080808;
+  --dg-border: #a3a3a3;
+  --dg-border-strong: #ffffff;
+  --dg-text: #ffffff;
+  --dg-text-muted: #e0e0e0;
+  --dg-primary: #ffd60a;
+  --dg-primary-soft: #423803;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #ffd60a;
+  --dg-header-bg: #1a1a1a;
+  --dg-header-text: #ffffff;
+  --dg-header-text-muted: #e0e0e0;
+  --dg-header-hover: #2a2a2a;
+  --dg-selected-bg: #423803;
+  --dg-group-bg: #0d0d0d;
+  --dg-footer-bg: #1a1a1a;
+  --dg-danger: #ff6b6b;
+  --dg-danger-text: #ff6b6b;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #ffd60a;
+  --dg-highlight-bg: #5d3c04;
+  --dg-highlight-text: #ffffff;
+  --dg-note-marker: #ff6b6b;
+  --dg-flash-bg: rgba(255, 214, 10, 0.35);
+  --dg-find-active-ring: #ffd60a;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #575757;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}
+
+/* Terminal (dark) — Green-on-black for dense, data-heavy monitoring screens. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #050805;
+  --dg-surface: #0a0f0a;
+  --dg-surface-header: #111a11;
+  --dg-surface-hover: #192019;
+  --dg-surface-stripe: #101610;
+  --dg-border: #2b342b;
+  --dg-border-strong: #485448;
+  --dg-text: #d7f5d7;
+  --dg-text-muted: #9bad9b;
+  --dg-primary: #4ade80;
+  --dg-primary-soft: #1b4529;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #4ade80;
+  --dg-header-bg: #111a11;
+  --dg-header-text: #d7f5d7;
+  --dg-header-text-muted: #8ca28c;
+  --dg-header-hover: #1f291f;
+  --dg-selected-bg: #1b4529;
+  --dg-group-bg: #141b14;
+  --dg-footer-bg: #111a11;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #63450a;
+  --dg-highlight-text: #d7f5d7;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(74, 222, 128, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #505d50;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}