aeon-ui-engine 1.0.3 → 1.1.0

package/packages/panda/theme-runtime.css

@@ -1,6 +1,27 @@
 /* Generated by scripts/emit-theme-runtime.ts — do not edit */
 /* Import after @aeon-ui/panda/styles.css */
 
+html {
+  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="default"][data-aeon-mode="light"] {
   color-scheme: light;
   --colors-aeon-bg: #f3f5f9;
@@ -840,3 +861,927 @@ html[data-aeon-theme="copper"][data-aeon-mode="dark"] {
   --aeon-scrollbar-thumb-hover: #a09084;
   --aeon-scrollbar-corner: #241a14;
 }
+
+html[data-aeon-theme="calc"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #c8ccd4;
+  --colors-aeon-surface: #e6dcc8;
+  --colors-aeon-surface-raised: #f3ead8;
+  --colors-aeon-border: #b8ab92;
+  --colors-aeon-text: #3a3428;
+  --colors-aeon-muted: #7a6f5a;
+  --colors-aeon-accent: #e07a20;
+  --colors-aeon-accent-dim: #e07a202e;
+  --colors-aeon-danger: #d84343;
+  --colors-aeon-danger-dim: #d843431a;
+  --shadows-focus-ring: 0 0 0 2px #c8ccd4, 0 0 0 4px #e07a20;
+  --aeon-grid-line: rgba(58, 52, 40, 0.08);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #e6dcc8;
+  --aeon-scrollbar-thumb: #b8ab92;
+  --aeon-scrollbar-thumb-hover: #7a6f5a;
+  --aeon-scrollbar-corner: #f3ead8;
+}
+
+html[data-aeon-theme="calc"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0f1710;
+  --colors-aeon-surface: #1a2418;
+  --colors-aeon-surface-raised: #2a3140;
+  --colors-aeon-border: #3a4030;
+  --colors-aeon-text: #8fd86a;
+  --colors-aeon-muted: #5a8050;
+  --colors-aeon-accent: #e07a20;
+  --colors-aeon-accent-dim: #e07a2033;
+  --colors-aeon-danger: #ff7b6b;
+  --colors-aeon-danger-dim: #ff7b6b22;
+  --shadows-focus-ring: 0 0 0 2px #0f1710, 0 0 0 4px #e07a20;
+  --aeon-grid-line: rgba(143, 216, 106, 0.08);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1a2418;
+  --aeon-scrollbar-thumb: #3a4030;
+  --aeon-scrollbar-thumb-hover: #5a8050;
+  --aeon-scrollbar-corner: #2a3140;
+}
+
+html[data-aeon-theme="tokyo-night"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #0e0e14;
+  --colors-aeon-muted: #414868;
+  --colors-aeon-accent: #7aa2f7;
+  --colors-aeon-accent-dim: #7aa2f71a;
+  --colors-aeon-danger: #f7768e;
+  --colors-aeon-danger-dim: #f7768e18;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #7aa2f7;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #414868;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="tokyo-night"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0e0e14;
+  --colors-aeon-surface: #13141c;
+  --colors-aeon-surface-raised: #24283b;
+  --colors-aeon-border: #292e42;
+  --colors-aeon-text: #c0caf5;
+  --colors-aeon-muted: #565f89;
+  --colors-aeon-accent: #7aa2f7;
+  --colors-aeon-accent-dim: #7aa2f72e;
+  --colors-aeon-danger: #f7768e;
+  --colors-aeon-danger-dim: #f7768e18;
+  --shadows-focus-ring: 0 0 0 2px #0e0e14, 0 0 0 4px #7aa2f7;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #13141c;
+  --aeon-scrollbar-thumb: #292e42;
+  --aeon-scrollbar-thumb-hover: #565f89;
+  --aeon-scrollbar-corner: #24283b;
+}
+
+html[data-aeon-theme="osaka-jade"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #090f0d;
+  --colors-aeon-muted: #53685B;
+  --colors-aeon-accent: #509475;
+  --colors-aeon-accent-dim: #5094751a;
+  --colors-aeon-danger: #FF5345;
+  --colors-aeon-danger-dim: #FF534518;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #509475;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #53685B;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="osaka-jade"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #090f0d;
+  --colors-aeon-surface: #0c1512;
+  --colors-aeon-surface-raised: #23372B;
+  --colors-aeon-border: #32473B;
+  --colors-aeon-text: #F7E8B2;
+  --colors-aeon-muted: #81B8A8;
+  --colors-aeon-accent: #509475;
+  --colors-aeon-accent-dim: #5094752e;
+  --colors-aeon-danger: #FF5345;
+  --colors-aeon-danger-dim: #FF534518;
+  --shadows-focus-ring: 0 0 0 2px #090f0d, 0 0 0 4px #509475;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0c1512;
+  --aeon-scrollbar-thumb: #32473B;
+  --aeon-scrollbar-thumb-hover: #81B8A8;
+  --aeon-scrollbar-corner: #23372B;
+}
+
+html[data-aeon-theme="rose-pine"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #faf4ed;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f2e9e1;
+  --colors-aeon-border: #dfdad9;
+  --colors-aeon-text: #575279;
+  --colors-aeon-muted: #9893a5;
+  --colors-aeon-accent: #56949f;
+  --colors-aeon-accent-dim: #56949f1a;
+  --colors-aeon-danger: #b4637a;
+  --colors-aeon-danger-dim: #b4637a18;
+  --shadows-focus-ring: 0 0 0 2px #faf4ed, 0 0 0 4px #56949f;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #dfdad9;
+  --aeon-scrollbar-thumb-hover: #9893a5;
+  --aeon-scrollbar-corner: #f2e9e1;
+}
+
+html[data-aeon-theme="rose-pine"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #191724;
+  --colors-aeon-surface: #1f1d2e;
+  --colors-aeon-surface-raised: #26233a;
+  --colors-aeon-border: #403d52;
+  --colors-aeon-text: #e0def4;
+  --colors-aeon-muted: #908caa;
+  --colors-aeon-accent: #9ccfd8;
+  --colors-aeon-accent-dim: #9ccfd82e;
+  --colors-aeon-danger: #eb6f92;
+  --colors-aeon-danger-dim: #eb6f9218;
+  --shadows-focus-ring: 0 0 0 2px #191724, 0 0 0 4px #9ccfd8;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1f1d2e;
+  --aeon-scrollbar-thumb: #403d52;
+  --aeon-scrollbar-thumb-hover: #908caa;
+  --aeon-scrollbar-corner: #26233a;
+}
+
+html[data-aeon-theme="catppuccin-latte"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #eff1f5;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #dce0e8;
+  --colors-aeon-border: #ccd0da;
+  --colors-aeon-text: #4c4f69;
+  --colors-aeon-muted: #9ca0b0;
+  --colors-aeon-accent: #1e66f5;
+  --colors-aeon-accent-dim: #1e66f51a;
+  --colors-aeon-danger: #d20f39;
+  --colors-aeon-danger-dim: #d20f3918;
+  --shadows-focus-ring: 0 0 0 2px #eff1f5, 0 0 0 4px #1e66f5;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #ccd0da;
+  --aeon-scrollbar-thumb-hover: #9ca0b0;
+  --aeon-scrollbar-corner: #dce0e8;
+}
+
+html[data-aeon-theme="catppuccin-latte"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #101019;
+  --colors-aeon-surface: #161622;
+  --colors-aeon-surface-raised: #313244;
+  --colors-aeon-border: #45475a;
+  --colors-aeon-text: #cdd6f4;
+  --colors-aeon-muted: #6c7086;
+  --colors-aeon-accent: #89b4fa;
+  --colors-aeon-accent-dim: #89b4fa2e;
+  --colors-aeon-danger: #f38ba8;
+  --colors-aeon-danger-dim: #f38ba818;
+  --shadows-focus-ring: 0 0 0 2px #101019, 0 0 0 4px #89b4fa;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #161622;
+  --aeon-scrollbar-thumb: #45475a;
+  --aeon-scrollbar-thumb-hover: #6c7086;
+  --aeon-scrollbar-corner: #313244;
+}
+
+html[data-aeon-theme="everforest"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #181d20;
+  --colors-aeon-muted: #475258;
+  --colors-aeon-accent: #7fbbb3;
+  --colors-aeon-accent-dim: #7fbbb31a;
+  --colors-aeon-danger: #e67e80;
+  --colors-aeon-danger-dim: #e67e8018;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #7fbbb3;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #475258;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="everforest"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #181d20;
+  --colors-aeon-surface: #21272c;
+  --colors-aeon-surface-raised: #343f44;
+  --colors-aeon-border: #3d484d;
+  --colors-aeon-text: #d3c6aa;
+  --colors-aeon-muted: #4f585e;
+  --colors-aeon-accent: #7fbbb3;
+  --colors-aeon-accent-dim: #7fbbb32e;
+  --colors-aeon-danger: #e67e80;
+  --colors-aeon-danger-dim: #e67e8018;
+  --shadows-focus-ring: 0 0 0 2px #181d20, 0 0 0 4px #7fbbb3;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #21272c;
+  --aeon-scrollbar-thumb: #3d484d;
+  --aeon-scrollbar-thumb-hover: #4f585e;
+  --aeon-scrollbar-corner: #343f44;
+}
+
+html[data-aeon-theme="gruvbox"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #161616;
+  --colors-aeon-muted: #665c54;
+  --colors-aeon-accent: #7daea3;
+  --colors-aeon-accent-dim: #7daea31a;
+  --colors-aeon-danger: #ea6962;
+  --colors-aeon-danger-dim: #ea696218;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #7daea3;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #665c54;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="gruvbox"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #161616;
+  --colors-aeon-surface: #1e1e1e;
+  --colors-aeon-surface-raised: #3c3836;
+  --colors-aeon-border: #504945;
+  --colors-aeon-text: #d4be98;
+  --colors-aeon-muted: #7c6f64;
+  --colors-aeon-accent: #7daea3;
+  --colors-aeon-accent-dim: #7daea32e;
+  --colors-aeon-danger: #ea6962;
+  --colors-aeon-danger-dim: #ea696218;
+  --shadows-focus-ring: 0 0 0 2px #161616, 0 0 0 4px #7daea3;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1e1e1e;
+  --aeon-scrollbar-thumb: #504945;
+  --aeon-scrollbar-thumb-hover: #7c6f64;
+  --aeon-scrollbar-corner: #3c3836;
+}
+
+html[data-aeon-theme="matte-black"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #090909;
+  --colors-aeon-muted: #333333;
+  --colors-aeon-accent: #e68e0d;
+  --colors-aeon-accent-dim: #e68e0d1a;
+  --colors-aeon-danger: #D35F5F;
+  --colors-aeon-danger-dim: #D35F5F18;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #e68e0d;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #333333;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="matte-black"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #090909;
+  --colors-aeon-surface: #0d0d0d;
+  --colors-aeon-surface-raised: #1e1e1e;
+  --colors-aeon-border: #2a2a2a;
+  --colors-aeon-text: #bebebe;
+  --colors-aeon-muted: #555555;
+  --colors-aeon-accent: #e68e0d;
+  --colors-aeon-accent-dim: #e68e0d2e;
+  --colors-aeon-danger: #D35F5F;
+  --colors-aeon-danger-dim: #D35F5F18;
+  --shadows-focus-ring: 0 0 0 2px #090909, 0 0 0 4px #e68e0d;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0d0d0d;
+  --aeon-scrollbar-thumb: #2a2a2a;
+  --aeon-scrollbar-thumb-hover: #555555;
+  --aeon-scrollbar-corner: #1e1e1e;
+}
+
+html[data-aeon-theme="catppuccin"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #101019;
+  --colors-aeon-muted: #585b70;
+  --colors-aeon-accent: #89b4fa;
+  --colors-aeon-accent-dim: #89b4fa1a;
+  --colors-aeon-danger: #f38ba8;
+  --colors-aeon-danger-dim: #f38ba818;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #89b4fa;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #585b70;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="catppuccin"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #101019;
+  --colors-aeon-surface: #161622;
+  --colors-aeon-surface-raised: #313244;
+  --colors-aeon-border: #45475a;
+  --colors-aeon-text: #cdd6f4;
+  --colors-aeon-muted: #6c7086;
+  --colors-aeon-accent: #89b4fa;
+  --colors-aeon-accent-dim: #89b4fa2e;
+  --colors-aeon-danger: #f38ba8;
+  --colors-aeon-danger-dim: #f38ba818;
+  --shadows-focus-ring: 0 0 0 2px #101019, 0 0 0 4px #89b4fa;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #161622;
+  --aeon-scrollbar-thumb: #45475a;
+  --aeon-scrollbar-thumb-hover: #6c7086;
+  --aeon-scrollbar-corner: #313244;
+}
+
+html[data-aeon-theme="nord"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #191c23;
+  --colors-aeon-muted: #4c566a;
+  --colors-aeon-accent: #81a1c1;
+  --colors-aeon-accent-dim: #81a1c11a;
+  --colors-aeon-danger: #bf616a;
+  --colors-aeon-danger-dim: #bf616a18;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #81a1c1;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #4c566a;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="nord"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #191c23;
+  --colors-aeon-surface: #222730;
+  --colors-aeon-surface-raised: #3b4252;
+  --colors-aeon-border: #434c5e;
+  --colors-aeon-text: #d8dee9;
+  --colors-aeon-muted: #667080;
+  --colors-aeon-accent: #81a1c1;
+  --colors-aeon-accent-dim: #81a1c12e;
+  --colors-aeon-danger: #bf616a;
+  --colors-aeon-danger-dim: #bf616a18;
+  --shadows-focus-ring: 0 0 0 2px #191c23, 0 0 0 4px #81a1c1;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #222730;
+  --aeon-scrollbar-thumb: #434c5e;
+  --aeon-scrollbar-thumb-hover: #667080;
+  --aeon-scrollbar-corner: #3b4252;
+}
+
+html[data-aeon-theme="ristretto"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #181414;
+  --colors-aeon-muted: #72696a;
+  --colors-aeon-accent: #f38d70;
+  --colors-aeon-accent-dim: #f38d701a;
+  --colors-aeon-danger: #fd6883;
+  --colors-aeon-danger-dim: #fd688318;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #f38d70;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #72696a;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="ristretto"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #181414;
+  --colors-aeon-surface: #211b1b;
+  --colors-aeon-surface-raised: #3d2f2a;
+  --colors-aeon-border: #403e41;
+  --colors-aeon-text: #e6d9db;
+  --colors-aeon-muted: #72696a;
+  --colors-aeon-accent: #f38d70;
+  --colors-aeon-accent-dim: #f38d702e;
+  --colors-aeon-danger: #fd6883;
+  --colors-aeon-danger-dim: #fd688318;
+  --shadows-focus-ring: 0 0 0 2px #181414, 0 0 0 4px #f38d70;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #211b1b;
+  --aeon-scrollbar-thumb: #403e41;
+  --aeon-scrollbar-thumb-hover: #72696a;
+  --aeon-scrollbar-corner: #3d2f2a;
+}
+
+html[data-aeon-theme="kanagawa"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #111116;
+  --colors-aeon-muted: #54546D;
+  --colors-aeon-accent: #dcd7ba;
+  --colors-aeon-accent-dim: #dcd7ba1a;
+  --colors-aeon-danger: #c34043;
+  --colors-aeon-danger-dim: #c3404318;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #dcd7ba;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #54546D;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="kanagawa"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #111116;
+  --colors-aeon-surface: #17171e;
+  --colors-aeon-surface-raised: #223249;
+  --colors-aeon-border: #363646;
+  --colors-aeon-text: #dcd7ba;
+  --colors-aeon-muted: #727169;
+  --colors-aeon-accent: #dcd7ba;
+  --colors-aeon-accent-dim: #dcd7ba2e;
+  --colors-aeon-danger: #c34043;
+  --colors-aeon-danger-dim: #c3404318;
+  --shadows-focus-ring: 0 0 0 2px #111116, 0 0 0 4px #dcd7ba;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #17171e;
+  --aeon-scrollbar-thumb: #363646;
+  --aeon-scrollbar-thumb-hover: #727169;
+  --aeon-scrollbar-corner: #223249;
+}
+
+html[data-aeon-theme="ethereal"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #030610;
+  --colors-aeon-muted: #6d7db6;
+  --colors-aeon-accent: #7d82d9;
+  --colors-aeon-accent-dim: #7d82d91a;
+  --colors-aeon-danger: #ED5B5A;
+  --colors-aeon-danger-dim: #ED5B5A18;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #7d82d9;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #6d7db6;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="ethereal"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #030610;
+  --colors-aeon-surface: #040816;
+  --colors-aeon-surface-raised: #131a3a;
+  --colors-aeon-border: #252e56;
+  --colors-aeon-text: #ffcead;
+  --colors-aeon-muted: #6d7db6;
+  --colors-aeon-accent: #7d82d9;
+  --colors-aeon-accent-dim: #7d82d92e;
+  --colors-aeon-danger: #ED5B5A;
+  --colors-aeon-danger-dim: #ED5B5A18;
+  --shadows-focus-ring: 0 0 0 2px #030610, 0 0 0 4px #7d82d9;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #040816;
+  --aeon-scrollbar-thumb: #252e56;
+  --aeon-scrollbar-thumb-hover: #6d7db6;
+  --aeon-scrollbar-corner: #131a3a;
+}
+
+html[data-aeon-theme="flexoki-light"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #FFFCF0;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #E6E4D9;
+  --colors-aeon-border: #CECDC3;
+  --colors-aeon-text: #100F0F;
+  --colors-aeon-muted: #878580;
+  --colors-aeon-accent: #205EA6;
+  --colors-aeon-accent-dim: #205EA61a;
+  --colors-aeon-danger: #D14D41;
+  --colors-aeon-danger-dim: #D14D4118;
+  --shadows-focus-ring: 0 0 0 2px #FFFCF0, 0 0 0 4px #205EA6;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #CECDC3;
+  --aeon-scrollbar-thumb-hover: #878580;
+  --aeon-scrollbar-corner: #E6E4D9;
+}
+
+html[data-aeon-theme="flexoki-light"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #100F0F;
+  --colors-aeon-surface: #1C1B1A;
+  --colors-aeon-surface-raised: #282726;
+  --colors-aeon-border: #403E3C;
+  --colors-aeon-text: #CECDC3;
+  --colors-aeon-muted: #878580;
+  --colors-aeon-accent: #4385BE;
+  --colors-aeon-accent-dim: #4385BE2e;
+  --colors-aeon-danger: #D14D41;
+  --colors-aeon-danger-dim: #D14D4118;
+  --shadows-focus-ring: 0 0 0 2px #100F0F, 0 0 0 4px #4385BE;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #1C1B1A;
+  --aeon-scrollbar-thumb: #403E3C;
+  --aeon-scrollbar-thumb-hover: #878580;
+  --aeon-scrollbar-corner: #282726;
+}
+
+html[data-aeon-theme="hackerman"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #06060c;
+  --colors-aeon-muted: #2d3450;
+  --colors-aeon-accent: #82FB9C;
+  --colors-aeon-accent-dim: #82FB9C1a;
+  --colors-aeon-danger: #50f872;
+  --colors-aeon-danger-dim: #50f87218;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #82FB9C;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #2d3450;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="hackerman"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #06060c;
+  --colors-aeon-surface: #080910;
+  --colors-aeon-surface-raised: #151828;
+  --colors-aeon-border: #1f253a;
+  --colors-aeon-text: #ddf7ff;
+  --colors-aeon-muted: #6a6e95;
+  --colors-aeon-accent: #82FB9C;
+  --colors-aeon-accent-dim: #82FB9C2e;
+  --colors-aeon-danger: #50f872;
+  --colors-aeon-danger-dim: #50f87218;
+  --shadows-focus-ring: 0 0 0 2px #06060c, 0 0 0 4px #82FB9C;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #080910;
+  --aeon-scrollbar-thumb: #1f253a;
+  --aeon-scrollbar-thumb-hover: #6a6e95;
+  --aeon-scrollbar-corner: #151828;
+}
+
+html[data-aeon-theme="last-horizon"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #060606;
+  --colors-aeon-muted: #584e51;
+  --colors-aeon-accent: #b59790;
+  --colors-aeon-accent-dim: #b597901a;
+  --colors-aeon-danger: #c38b7b;
+  --colors-aeon-danger-dim: #c38b7b18;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #b59790;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #584e51;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="last-horizon"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #060606;
+  --colors-aeon-surface: #090809;
+  --colors-aeon-surface-raised: #0c0b0c;
+  --colors-aeon-border: #584e51;
+  --colors-aeon-text: #e2dddc;
+  --colors-aeon-muted: #584e51;
+  --colors-aeon-accent: #b59790;
+  --colors-aeon-accent-dim: #b597902e;
+  --colors-aeon-danger: #c38b7b;
+  --colors-aeon-danger-dim: #c38b7b18;
+  --shadows-focus-ring: 0 0 0 2px #060606, 0 0 0 4px #b59790;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #090809;
+  --aeon-scrollbar-thumb: #584e51;
+  --aeon-scrollbar-thumb-hover: #584e51;
+  --aeon-scrollbar-corner: #0c0b0c;
+}
+
+html[data-aeon-theme="lumon"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #0b1216;
+  --colors-aeon-muted: #304860;
+  --colors-aeon-accent: #8bc9eb;
+  --colors-aeon-accent-dim: #8bc9eb1a;
+  --colors-aeon-danger: #4d86b0;
+  --colors-aeon-danger-dim: #4d86b018;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #8bc9eb;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #304860;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="lumon"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0b1216;
+  --colors-aeon-surface: #101b21;
+  --colors-aeon-surface-raised: #1b2d40;
+  --colors-aeon-border: #243d56;
+  --colors-aeon-text: #f2fcff;
+  --colors-aeon-muted: #4d86b0;
+  --colors-aeon-accent: #8bc9eb;
+  --colors-aeon-accent-dim: #8bc9eb2e;
+  --colors-aeon-danger: #4d86b0;
+  --colors-aeon-danger-dim: #4d86b018;
+  --shadows-focus-ring: 0 0 0 2px #0b1216, 0 0 0 4px #8bc9eb;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #101b21;
+  --aeon-scrollbar-thumb: #243d56;
+  --aeon-scrollbar-thumb-hover: #4d86b0;
+  --aeon-scrollbar-corner: #1b2d40;
+}
+
+html[data-aeon-theme="miasma"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #121212;
+  --colors-aeon-muted: #666666;
+  --colors-aeon-accent: #78824b;
+  --colors-aeon-accent-dim: #78824b1a;
+  --colors-aeon-danger: #685742;
+  --colors-aeon-danger-dim: #68574218;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #78824b;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #666666;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="miasma"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #121212;
+  --colors-aeon-surface: #191919;
+  --colors-aeon-surface-raised: #2c2c2c;
+  --colors-aeon-border: #383838;
+  --colors-aeon-text: #c2c2b0;
+  --colors-aeon-muted: #555555;
+  --colors-aeon-accent: #78824b;
+  --colors-aeon-accent-dim: #78824b2e;
+  --colors-aeon-danger: #685742;
+  --colors-aeon-danger-dim: #68574218;
+  --shadows-focus-ring: 0 0 0 2px #121212, 0 0 0 4px #78824b;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #191919;
+  --aeon-scrollbar-thumb: #383838;
+  --aeon-scrollbar-thumb-hover: #555555;
+  --aeon-scrollbar-corner: #2c2c2c;
+}
+
+html[data-aeon-theme="retro-82"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #020c17;
+  --colors-aeon-muted: #2a6b78;
+  --colors-aeon-accent: #faa968;
+  --colors-aeon-accent-dim: #faa9681a;
+  --colors-aeon-danger: #f85525;
+  --colors-aeon-danger-dim: #f8552518;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #faa968;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #2a6b78;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="retro-82"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #020c17;
+  --colors-aeon-surface: #031222;
+  --colors-aeon-surface-raised: #0a2540;
+  --colors-aeon-border: #134e5a;
+  --colors-aeon-text: #f6dcac;
+  --colors-aeon-muted: #3f8f8a;
+  --colors-aeon-accent: #faa968;
+  --colors-aeon-accent-dim: #faa9682e;
+  --colors-aeon-danger: #f85525;
+  --colors-aeon-danger-dim: #f8552518;
+  --shadows-focus-ring: 0 0 0 2px #020c17, 0 0 0 4px #faa968;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #031222;
+  --aeon-scrollbar-thumb: #134e5a;
+  --aeon-scrollbar-thumb-hover: #3f8f8a;
+  --aeon-scrollbar-corner: #0a2540;
+}
+
+html[data-aeon-theme="solitude"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #f4f5f7;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #eceef2;
+  --colors-aeon-border: #d5d8e0;
+  --colors-aeon-text: #080a0b;
+  --colors-aeon-muted: #4b4e55;
+  --colors-aeon-accent: #798186;
+  --colors-aeon-accent-dim: #7981861a;
+  --colors-aeon-danger: #565d60;
+  --colors-aeon-danger-dim: #565d6018;
+  --shadows-focus-ring: 0 0 0 2px #f4f5f7, 0 0 0 4px #798186;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #d5d8e0;
+  --aeon-scrollbar-thumb-hover: #4b4e55;
+  --aeon-scrollbar-corner: #eceef2;
+}
+
+html[data-aeon-theme="solitude"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #080a0b;
+  --colors-aeon-surface: #0c0e10;
+  --colors-aeon-surface-raised: #101315;
+  --colors-aeon-border: #343d41;
+  --colors-aeon-text: #a5aeb4;
+  --colors-aeon-muted: #4b4e55;
+  --colors-aeon-accent: #798186;
+  --colors-aeon-accent-dim: #7981862e;
+  --colors-aeon-danger: #565d60;
+  --colors-aeon-danger-dim: #565d6018;
+  --shadows-focus-ring: 0 0 0 2px #080a0b, 0 0 0 4px #798186;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #0c0e10;
+  --aeon-scrollbar-thumb: #343d41;
+  --aeon-scrollbar-thumb-hover: #4b4e55;
+  --aeon-scrollbar-corner: #101315;
+}
+
+html[data-aeon-theme="vantablack"][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: #404040;
+  --colors-aeon-accent-dim: #40404014;
+  --colors-aeon-danger: #b91c1c;
+  --colors-aeon-danger-dim: #b91c1c18;
+  --shadows-focus-ring: 0 0 0 2px #f7f7f7, 0 0 0 4px #404040;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --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="vantablack"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #070707;
+  --colors-aeon-surface: #090909;
+  --colors-aeon-surface-raised: #1a1a1a;
+  --colors-aeon-border: #1a1a1a;
+  --colors-aeon-text: #ffffff;
+  --colors-aeon-muted: #505050;
+  --colors-aeon-accent: #8d8d8d;
+  --colors-aeon-accent-dim: #8d8d8d2e;
+  --colors-aeon-danger: #a4a4a4;
+  --colors-aeon-danger-dim: #a4a4a418;
+  --shadows-focus-ring: 0 0 0 2px #070707, 0 0 0 4px #8d8d8d;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #090909;
+  --aeon-scrollbar-thumb: #1a1a1a;
+  --aeon-scrollbar-thumb-hover: #505050;
+  --aeon-scrollbar-corner: #1a1a1a;
+}
+
+html[data-aeon-theme="white"][data-aeon-mode="light"] {
+  color-scheme: light;
+  --colors-aeon-bg: #ffffff;
+  --colors-aeon-surface: #ffffff;
+  --colors-aeon-surface-raised: #f5f5f5;
+  --colors-aeon-border: #c0c0c0;
+  --colors-aeon-text: #000000;
+  --colors-aeon-muted: #808080;
+  --colors-aeon-accent: #6e6e6e;
+  --colors-aeon-accent-dim: #6e6e6e1a;
+  --colors-aeon-danger: #2a2a2a;
+  --colors-aeon-danger-dim: #2a2a2a18;
+  --shadows-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #6e6e6e;
+  --aeon-grid-line: rgba(15, 23, 42, 0.07);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #ffffff;
+  --aeon-scrollbar-thumb: #c0c0c0;
+  --aeon-scrollbar-thumb-hover: #808080;
+  --aeon-scrollbar-corner: #f5f5f5;
+}
+
+html[data-aeon-theme="white"][data-aeon-mode="dark"] {
+  color-scheme: dark;
+  --colors-aeon-bg: #0a0a0a;
+  --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 #0a0a0a, 0 0 0 4px #e5e5e5;
+  --aeon-grid-line: rgba(255, 255, 255, 0.05);
+  --aeon-scrollbar-size: 10px;
+  --aeon-scrollbar-track: #141414;
+  --aeon-scrollbar-thumb: #333333;
+  --aeon-scrollbar-thumb-hover: #9a9a9a;
+  --aeon-scrollbar-corner: #1f1f1f;
+}