aeon-ui-engine 1.0.0

package/packages/panda/theme-runtime.css

@@ -0,0 +1,842 @@
+/* Generated by scripts/emit-theme-runtime.ts — do not edit */
+/* Import after @aeon-ui/panda/styles.css */
+
+html[data-aeon-theme="default"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f3f5f9;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eef1f7;
+  --colors-aeon-border: #d5dbe6;
+  --colors-aeon-text: #12151c;
+  --colors-aeon-muted: #5c6578;
+  --colors-aeon-accent: #0d9488;
+  --colors-aeon-accent-dim: #0d94881f;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f3f5f9, 0 0 0 4px #0d9488;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5dbe6;
+  --aeon-scrollbar-thumb-hover: #5c6578;
+  --aeon-scrollbar-corner: #eef1f7;
+}
+
+html[data-aeon-theme="default"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0c0e12;
+  --colors-aeon-surface: #141820;
+  --colors-aeon-surface-raised: #1c2230;
+  --colors-aeon-border: #2a3344;
+  --colors-aeon-text: #e8ecf4;
+  --colors-aeon-muted: #8b95a8;
+  --colors-aeon-accent: #5eead4;
+  --colors-aeon-accent-dim: #2dd4bf33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0c0e12, 0 0 0 4px #5eead4;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #141820;
+  --aeon-scrollbar-thumb: #2a3344;
+  --aeon-scrollbar-thumb-hover: #8b95a8;
+  --aeon-scrollbar-corner: #1c2230;
+}
+
+html[data-aeon-theme="signal"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #faf6f2;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f5ede4;
+  --colors-aeon-border: #e0d5c8;
+  --colors-aeon-text: #1c1510;
+  --colors-aeon-muted: #6b5f52;
+  --colors-aeon-accent: #ea580c;
+  --colors-aeon-accent-dim: #ea580c1a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #faf6f2, 0 0 0 4px #ea580c;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e0d5c8;
+  --aeon-scrollbar-thumb-hover: #6b5f52;
+  --aeon-scrollbar-corner: #f5ede4;
+}
+
+html[data-aeon-theme="signal"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0f0d0c;
+  --colors-aeon-surface: #1a1614;
+  --colors-aeon-surface-raised: #252019;
+  --colors-aeon-border: #3d342c;
+  --colors-aeon-text: #f5efe8;
+  --colors-aeon-muted: #9a8f84;
+  --colors-aeon-accent: #fb923c;
+  --colors-aeon-accent-dim: #fb923c2e;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0f0d0c, 0 0 0 4px #fb923c;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1a1614;
+  --aeon-scrollbar-thumb: #3d342c;
+  --aeon-scrollbar-thumb-hover: #9a8f84;
+  --aeon-scrollbar-corner: #252019;
+}
+
+html[data-aeon-theme="dusk"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f6f4fa;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eeeaf6;
+  --colors-aeon-border: #d8d2e6;
+  --colors-aeon-text: #16131f;
+  --colors-aeon-muted: #5e576e;
+  --colors-aeon-accent: #7c3aed;
+  --colors-aeon-accent-dim: #7c3aed1a;
+  --colors-aeon-danger: #db2777;
+  --colors-aeon-danger-dim: #db277714;
+  --shadows-focus-ring: 0 0 0 2px #f6f4fa, 0 0 0 4px #7c3aed;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d8d2e6;
+  --aeon-scrollbar-thumb-hover: #5e576e;
+  --aeon-scrollbar-corner: #eeeaf6;
+}
+
+html[data-aeon-theme="dusk"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0b0a10;
+  --colors-aeon-surface: #14121c;
+  --colors-aeon-surface-raised: #1c1a28;
+  --colors-aeon-border: #2e2a42;
+  --colors-aeon-text: #ece8f4;
+  --colors-aeon-muted: #918aa8;
+  --colors-aeon-accent: #a78bfa;
+  --colors-aeon-accent-dim: #a78bfa33;
+  --colors-aeon-danger: #f472b6;
+  --colors-aeon-danger-dim: #f472b618;
+  --shadows-focus-ring: 0 0 0 2px #0b0a10, 0 0 0 4px #a78bfa;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #14121c;
+  --aeon-scrollbar-thumb: #2e2a42;
+  --aeon-scrollbar-thumb-hover: #918aa8;
+  --aeon-scrollbar-corner: #1c1a28;
+}
+
+html[data-aeon-theme="calm"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f2f6f3;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e8f0ea;
+  --colors-aeon-border: #c5d6cb;
+  --colors-aeon-text: #142018;
+  --colors-aeon-muted: #5a6f62;
+  --colors-aeon-accent: #16a34a;
+  --colors-aeon-accent-dim: #16a34a1a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f2f6f3, 0 0 0 4px #16a34a;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c5d6cb;
+  --aeon-scrollbar-thumb-hover: #5a6f62;
+  --aeon-scrollbar-corner: #e8f0ea;
+}
+
+html[data-aeon-theme="calm"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0a0f0c;
+  --colors-aeon-surface: #121a15;
+  --colors-aeon-surface-raised: #1a241c;
+  --colors-aeon-border: #2a3d32;
+  --colors-aeon-text: #e2ebe4;
+  --colors-aeon-muted: #8a9d90;
+  --colors-aeon-accent: #86efac;
+  --colors-aeon-accent-dim: #86efac2a;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0a0f0c, 0 0 0 4px #86efac;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #121a15;
+  --aeon-scrollbar-thumb: #2a3d32;
+  --aeon-scrollbar-thumb-hover: #8a9d90;
+  --aeon-scrollbar-corner: #1a241c;
+}
+
+html[data-aeon-theme="ocean"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f0f6fc;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e3eef9;
+  --colors-aeon-border: #c5d4e8;
+  --colors-aeon-text: #0f1c2e;
+  --colors-aeon-muted: #526880;
+  --colors-aeon-accent: #0284c7;
+  --colors-aeon-accent-dim: #0284c71a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f0f6fc, 0 0 0 4px #0284c7;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c5d4e8;
+  --aeon-scrollbar-thumb-hover: #526880;
+  --aeon-scrollbar-corner: #e3eef9;
+}
+
+html[data-aeon-theme="ocean"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #060c14;
+  --colors-aeon-surface: #0e1824;
+  --colors-aeon-surface-raised: #152433;
+  --colors-aeon-border: #243548;
+  --colors-aeon-text: #e4edf7;
+  --colors-aeon-muted: #7f94ab;
+  --colors-aeon-accent: #38bdf8;
+  --colors-aeon-accent-dim: #38bdf833;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #060c14, 0 0 0 4px #38bdf8;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0e1824;
+  --aeon-scrollbar-thumb: #243548;
+  --aeon-scrollbar-thumb-hover: #7f94ab;
+  --aeon-scrollbar-corner: #152433;
+}
+
+html[data-aeon-theme="ember"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #fdf5f5;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #faeaea;
+  --colors-aeon-border: #e8caca;
+  --colors-aeon-text: #1f1010;
+  --colors-aeon-muted: #7a5555;
+  --colors-aeon-accent: #dc2626;
+  --colors-aeon-accent-dim: #dc26261a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #fdf5f5, 0 0 0 4px #dc2626;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e8caca;
+  --aeon-scrollbar-thumb-hover: #7a5555;
+  --aeon-scrollbar-corner: #faeaea;
+}
+
+html[data-aeon-theme="ember"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #120808;
+  --colors-aeon-surface: #1e1010;
+  --colors-aeon-surface-raised: #2a1616;
+  --colors-aeon-border: #4a2828;
+  --colors-aeon-text: #f8e8e8;
+  --colors-aeon-muted: #a88a8a;
+  --colors-aeon-accent: #f87171;
+  --colors-aeon-accent-dim: #f8717130;
+  --colors-aeon-danger: #fb7185;
+  --colors-aeon-danger-dim: #fb718518;
+  --shadows-focus-ring: 0 0 0 2px #120808, 0 0 0 4px #f87171;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1e1010;
+  --aeon-scrollbar-thumb: #4a2828;
+  --aeon-scrollbar-thumb-hover: #a88a8a;
+  --aeon-scrollbar-corner: #2a1616;
+}
+
+html[data-aeon-theme="frost"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4fafc;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e6f4f8;
+  --colors-aeon-border: #c8e0ea;
+  --colors-aeon-text: #0c1820;
+  --colors-aeon-muted: #5a7280;
+  --colors-aeon-accent: #0891b2;
+  --colors-aeon-accent-dim: #0891b21a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f4fafc, 0 0 0 4px #0891b2;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c8e0ea;
+  --aeon-scrollbar-thumb-hover: #5a7280;
+  --aeon-scrollbar-corner: #e6f4f8;
+}
+
+html[data-aeon-theme="frost"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #080c10;
+  --colors-aeon-surface: #101820;
+  --colors-aeon-surface-raised: #182430;
+  --colors-aeon-border: #2a3a4a;
+  --colors-aeon-text: #e8f4fc;
+  --colors-aeon-muted: #8aa4b8;
+  --colors-aeon-accent: #67e8f9;
+  --colors-aeon-accent-dim: #67e8f92e;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #080c10, 0 0 0 4px #67e8f9;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #101820;
+  --aeon-scrollbar-thumb: #2a3a4a;
+  --aeon-scrollbar-thumb-hover: #8aa4b8;
+  --aeon-scrollbar-corner: #182430;
+}
+
+html[data-aeon-theme="dawn"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #fdfaf3;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f8f0e0;
+  --colors-aeon-border: #e8dcc4;
+  --colors-aeon-text: #1c1408;
+  --colors-aeon-muted: #7a6e58;
+  --colors-aeon-accent: #d97706;
+  --colors-aeon-accent-dim: #d977061a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #fdfaf3, 0 0 0 4px #d97706;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e8dcc4;
+  --aeon-scrollbar-thumb-hover: #7a6e58;
+  --aeon-scrollbar-corner: #f8f0e0;
+}
+
+html[data-aeon-theme="dawn"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #100c08;
+  --colors-aeon-surface: #1c1610;
+  --colors-aeon-surface-raised: #282018;
+  --colors-aeon-border: #403528;
+  --colors-aeon-text: #f5efe6;
+  --colors-aeon-muted: #a89888;
+  --colors-aeon-accent: #fcd34d;
+  --colors-aeon-accent-dim: #fcd34d33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #100c08, 0 0 0 4px #fcd34d;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1c1610;
+  --aeon-scrollbar-thumb: #403528;
+  --aeon-scrollbar-thumb-hover: #a89888;
+  --aeon-scrollbar-corner: #282018;
+}
+
+html[data-aeon-theme="forest"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f6f0;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e8ede0;
+  --colors-aeon-border: #c8d4bc;
+  --colors-aeon-text: #141a10;
+  --colors-aeon-muted: #5a6a50;
+  --colors-aeon-accent: #4d7c0f;
+  --colors-aeon-accent-dim: #4d7c0f1a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f4f6f0, 0 0 0 4px #4d7c0f;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c8d4bc;
+  --aeon-scrollbar-thumb-hover: #5a6a50;
+  --aeon-scrollbar-corner: #e8ede0;
+}
+
+html[data-aeon-theme="forest"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0a0e08;
+  --colors-aeon-surface: #141a10;
+  --colors-aeon-surface-raised: #1e2818;
+  --colors-aeon-border: #2e3a26;
+  --colors-aeon-text: #e6ede0;
+  --colors-aeon-muted: #8a9a7e;
+  --colors-aeon-accent: #a3e635;
+  --colors-aeon-accent-dim: #a3e6352a;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0a0e08, 0 0 0 4px #a3e635;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #141a10;
+  --aeon-scrollbar-thumb: #2e3a26;
+  --aeon-scrollbar-thumb-hover: #8a9a7e;
+  --aeon-scrollbar-corner: #1e2818;
+}
+
+html[data-aeon-theme="noir"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f7f7f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eeeeee;
+  --colors-aeon-border: #d4d4d4;
+  --colors-aeon-text: #111111;
+  --colors-aeon-muted: #666666;
+  --colors-aeon-accent: #171717;
+  --colors-aeon-accent-dim: #17171714;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f7f7f7, 0 0 0 4px #171717;
+  --aeon-grid-line: rgba(0, 0, 0, 0.06);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d4d4d4;
+  --aeon-scrollbar-thumb-hover: #666666;
+  --aeon-scrollbar-corner: #eeeeee;
+}
+
+html[data-aeon-theme="noir"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #090909;
+  --colors-aeon-surface: #141414;
+  --colors-aeon-surface-raised: #1f1f1f;
+  --colors-aeon-border: #333333;
+  --colors-aeon-text: #f2f2f2;
+  --colors-aeon-muted: #9a9a9a;
+  --colors-aeon-accent: #e5e5e5;
+  --colors-aeon-accent-dim: #e5e5e528;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #090909, 0 0 0 4px #e5e5e5;
+  --aeon-grid-line: rgba(255, 255, 255, 0.06);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #141414;
+  --aeon-scrollbar-thumb: #333333;
+  --aeon-scrollbar-thumb-hover: #9a9a9a;
+  --aeon-scrollbar-corner: #1f1f1f;
+}
+
+html[data-aeon-theme="berry"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #fdf5f8;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #fae8f0;
+  --colors-aeon-border: #e8c8d6;
+  --colors-aeon-text: #1f1018;
+  --colors-aeon-muted: #7a5568;
+  --colors-aeon-accent: #db2777;
+  --colors-aeon-accent-dim: #db27771a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #fdf5f8, 0 0 0 4px #db2777;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e8c8d6;
+  --aeon-scrollbar-thumb-hover: #7a5568;
+  --aeon-scrollbar-corner: #fae8f0;
+}
+
+html[data-aeon-theme="berry"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #10080c;
+  --colors-aeon-surface: #1a1016;
+  --colors-aeon-surface-raised: #261820;
+  --colors-aeon-border: #3f2834;
+  --colors-aeon-text: #f8eef2;
+  --colors-aeon-muted: #a88a96;
+  --colors-aeon-accent: #f472b6;
+  --colors-aeon-accent-dim: #f472b633;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #10080c, 0 0 0 4px #f472b6;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1a1016;
+  --aeon-scrollbar-thumb: #3f2834;
+  --aeon-scrollbar-thumb-hover: #a88a96;
+  --aeon-scrollbar-corner: #261820;
+}
+
+html[data-aeon-theme="slate"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f1f4f8;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e8ecf2;
+  --colors-aeon-border: #cdd5e0;
+  --colors-aeon-text: #111820;
+  --colors-aeon-muted: #5a6578;
+  --colors-aeon-accent: #475569;
+  --colors-aeon-accent-dim: #4755691a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f1f4f8, 0 0 0 4px #475569;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #cdd5e0;
+  --aeon-scrollbar-thumb-hover: #5a6578;
+  --aeon-scrollbar-corner: #e8ecf2;
+}
+
+html[data-aeon-theme="slate"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0c1014;
+  --colors-aeon-surface: #151a22;
+  --colors-aeon-surface-raised: #1e2630;
+  --colors-aeon-border: #2e3848;
+  --colors-aeon-text: #e6ebf2;
+  --colors-aeon-muted: #8b96a8;
+  --colors-aeon-accent: #94a3b8;
+  --colors-aeon-accent-dim: #94a3b82e;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0c1014, 0 0 0 4px #94a3b8;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #151a22;
+  --aeon-scrollbar-thumb: #2e3848;
+  --aeon-scrollbar-thumb-hover: #8b96a8;
+  --aeon-scrollbar-corner: #1e2630;
+}
+
+html[data-aeon-theme="lavender"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f7f5fc;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #ede8f8;
+  --colors-aeon-border: #d6cee8;
+  --colors-aeon-text: #18141f;
+  --colors-aeon-muted: #6a6278;
+  --colors-aeon-accent: #8b5cf6;
+  --colors-aeon-accent-dim: #8b5cf61a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f7f5fc, 0 0 0 4px #8b5cf6;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d6cee8;
+  --aeon-scrollbar-thumb-hover: #6a6278;
+  --aeon-scrollbar-corner: #ede8f8;
+}
+
+html[data-aeon-theme="lavender"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0e0c12;
+  --colors-aeon-surface: #16141e;
+  --colors-aeon-surface-raised: #201c2a;
+  --colors-aeon-border: #322e42;
+  --colors-aeon-text: #eeeaf6;
+  --colors-aeon-muted: #9a92b0;
+  --colors-aeon-accent: #c4b5fd;
+  --colors-aeon-accent-dim: #c4b5fd33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0e0c12, 0 0 0 4px #c4b5fd;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #16141e;
+  --aeon-scrollbar-thumb: #322e42;
+  --aeon-scrollbar-thumb-hover: #9a92b0;
+  --aeon-scrollbar-corner: #201c2a;
+}
+
+html[data-aeon-theme="mint"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f0faf5;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e0f5ea;
+  --colors-aeon-border: #b8e0cc;
+  --colors-aeon-text: #0f1a14;
+  --colors-aeon-muted: #5a7264;
+  --colors-aeon-accent: #059669;
+  --colors-aeon-accent-dim: #0596691a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f0faf5, 0 0 0 4px #059669;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #b8e0cc;
+  --aeon-scrollbar-thumb-hover: #5a7264;
+  --aeon-scrollbar-corner: #e0f5ea;
+}
+
+html[data-aeon-theme="mint"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #081210;
+  --colors-aeon-surface: #101c18;
+  --colors-aeon-surface-raised: #182820;
+  --colors-aeon-border: #2a4036;
+  --colors-aeon-text: #e4f6ee;
+  --colors-aeon-muted: #88a898;
+  --colors-aeon-accent: #34d399;
+  --colors-aeon-accent-dim: #34d3992e;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #081210, 0 0 0 4px #34d399;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #101c18;
+  --aeon-scrollbar-thumb: #2a4036;
+  --aeon-scrollbar-thumb-hover: #88a898;
+  --aeon-scrollbar-corner: #182820;
+}
+
+html[data-aeon-theme="sand"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #faf7f0;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f2ebe0;
+  --colors-aeon-border: #ddd4c4;
+  --colors-aeon-text: #1c1810;
+  --colors-aeon-muted: #7a7060;
+  --colors-aeon-accent: #b45309;
+  --colors-aeon-accent-dim: #b453091a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #faf7f0, 0 0 0 4px #b45309;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #ddd4c4;
+  --aeon-scrollbar-thumb-hover: #7a7060;
+  --aeon-scrollbar-corner: #f2ebe0;
+}
+
+html[data-aeon-theme="sand"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #12100c;
+  --colors-aeon-surface: #1c1a14;
+  --colors-aeon-surface-raised: #28241c;
+  --colors-aeon-border: #3d3828;
+  --colors-aeon-text: #f0ebe2;
+  --colors-aeon-muted: #a09888;
+  --colors-aeon-accent: #d6b48a;
+  --colors-aeon-accent-dim: #d6b48a33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #12100c, 0 0 0 4px #d6b48a;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1c1a14;
+  --aeon-scrollbar-thumb: #3d3828;
+  --aeon-scrollbar-thumb-hover: #a09888;
+  --aeon-scrollbar-corner: #28241c;
+}
+
+html[data-aeon-theme="honey"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #fffbeb;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #fef3c7;
+  --colors-aeon-border: #e8d8a8;
+  --colors-aeon-text: #1c1608;
+  --colors-aeon-muted: #7a6848;
+  --colors-aeon-accent: #ca8a04;
+  --colors-aeon-accent-dim: #ca8a041a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #fffbeb, 0 0 0 4px #ca8a04;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e8d8a8;
+  --aeon-scrollbar-thumb-hover: #7a6848;
+  --aeon-scrollbar-corner: #fef3c7;
+}
+
+html[data-aeon-theme="honey"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #100e08;
+  --colors-aeon-surface: #1c1810;
+  --colors-aeon-surface-raised: #282218;
+  --colors-aeon-border: #403828;
+  --colors-aeon-text: #f5f0e4;
+  --colors-aeon-muted: #a89880;
+  --colors-aeon-accent: #fbbf24;
+  --colors-aeon-accent-dim: #fbbf2433;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #100e08, 0 0 0 4px #fbbf24;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1c1810;
+  --aeon-scrollbar-thumb: #403828;
+  --aeon-scrollbar-thumb-hover: #a89880;
+  --aeon-scrollbar-corner: #282218;
+}
+
+html[data-aeon-theme="neon"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4faf0;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e8f4dc;
+  --colors-aeon-border: #c8dcc0;
+  --colors-aeon-text: #101808;
+  --colors-aeon-muted: #5a7050;
+  --colors-aeon-accent: #65a30d;
+  --colors-aeon-accent-dim: #65a30d1a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f4faf0, 0 0 0 4px #65a30d;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c8dcc0;
+  --aeon-scrollbar-thumb-hover: #5a7050;
+  --aeon-scrollbar-corner: #e8f4dc;
+}
+
+html[data-aeon-theme="neon"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #060a06;
+  --colors-aeon-surface: #0e140e;
+  --colors-aeon-surface-raised: #141e14;
+  --colors-aeon-border: #243024;
+  --colors-aeon-text: #e8f8e8;
+  --colors-aeon-muted: #88a888;
+  --colors-aeon-accent: #a3e635;
+  --colors-aeon-accent-dim: #a3e6352e;
+  --colors-aeon-danger: #facc15;
+  --colors-aeon-danger-dim: #facc1518;
+  --shadows-focus-ring: 0 0 0 2px #060a06, 0 0 0 4px #a3e635;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0e140e;
+  --aeon-scrollbar-thumb: #243024;
+  --aeon-scrollbar-thumb-hover: #88a888;
+  --aeon-scrollbar-corner: #141e14;
+}
+
+html[data-aeon-theme="rose"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #fff5f6;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #fce8ec;
+  --colors-aeon-border: #e8ccd4;
+  --colors-aeon-text: #1f1014;
+  --colors-aeon-muted: #7a5862;
+  --colors-aeon-accent: #e11d48;
+  --colors-aeon-accent-dim: #e11d481a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #fff5f6, 0 0 0 4px #e11d48;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #e8ccd4;
+  --aeon-scrollbar-thumb-hover: #7a5862;
+  --aeon-scrollbar-corner: #fce8ec;
+}
+
+html[data-aeon-theme="rose"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #100c0e;
+  --colors-aeon-surface: #1a1416;
+  --colors-aeon-surface-raised: #261c20;
+  --colors-aeon-border: #3e2c34;
+  --colors-aeon-text: #f6ecee;
+  --colors-aeon-muted: #a89098;
+  --colors-aeon-accent: #fda4af;
+  --colors-aeon-accent-dim: #fda4af33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #100c0e, 0 0 0 4px #fda4af;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1a1416;
+  --aeon-scrollbar-thumb: #3e2c34;
+  --aeon-scrollbar-thumb-hover: #a89098;
+  --aeon-scrollbar-corner: #261c20;
+}
+
+html[data-aeon-theme="midnight"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f2f4fc;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #e6eaf8;
+  --colors-aeon-border: #c8d0e8;
+  --colors-aeon-text: #0e1220;
+  --colors-aeon-muted: #566080;
+  --colors-aeon-accent: #4f46e5;
+  --colors-aeon-accent-dim: #4f46e51a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #f2f4fc, 0 0 0 4px #4f46e5;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c8d0e8;
+  --aeon-scrollbar-thumb-hover: #566080;
+  --aeon-scrollbar-corner: #e6eaf8;
+}
+
+html[data-aeon-theme="midnight"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #060818;
+  --colors-aeon-surface: #0e1224;
+  --colors-aeon-surface-raised: #161c34;
+  --colors-aeon-border: #283050;
+  --colors-aeon-text: #e8ecfa;
+  --colors-aeon-muted: #8894b8;
+  --colors-aeon-accent: #818cf8;
+  --colors-aeon-accent-dim: #818cf833;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #060818, 0 0 0 4px #818cf8;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0e1224;
+  --aeon-scrollbar-thumb: #283050;
+  --aeon-scrollbar-thumb-hover: #8894b8;
+  --aeon-scrollbar-corner: #161c34;
+}
+
+html[data-aeon-theme="copper"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #faf6f2;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f2e8dc;
+  --colors-aeon-border: #dcc8b4;
+  --colors-aeon-text: #1a1208;
+  --colors-aeon-muted: #786858;
+  --colors-aeon-accent: #b45309;
+  --colors-aeon-accent-dim: #b453091a;
+  --colors-aeon-danger: #dc2626;
+  --colors-aeon-danger-dim: #dc262618;
+  --shadows-focus-ring: 0 0 0 2px #faf6f2, 0 0 0 4px #b45309;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #dcc8b4;
+  --aeon-scrollbar-thumb-hover: #786858;
+  --aeon-scrollbar-corner: #f2e8dc;
+}
+
+html[data-aeon-theme="copper"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0e0a08;
+  --colors-aeon-surface: #181210;
+  --colors-aeon-surface-raised: #241a14;
+  --colors-aeon-border: #3c2c22;
+  --colors-aeon-text: #f2e8e0;
+  --colors-aeon-muted: #a09084;
+  --colors-aeon-accent: #f59e0b;
+  --colors-aeon-accent-dim: #f59e0b33;
+  --colors-aeon-danger: #f87171;
+  --colors-aeon-danger-dim: #f8717118;
+  --shadows-focus-ring: 0 0 0 2px #0e0a08, 0 0 0 4px #f59e0b;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #181210;
+  --aeon-scrollbar-thumb: #3c2c22;
+  --aeon-scrollbar-thumb-hover: #a09084;
+  --aeon-scrollbar-corner: #241a14;
+}