fractalstyler2 0.7.0 → 0.8.0

package/dist/css/fractalstyler.css

@@ -1,5 +1,5 @@
 /*!
- * fractalstyler2 v0.7.0 — the compiled stylesheet.
+ * fractalstyler2 v0.8.0 — the compiled stylesheet.
  *
  * Generated from src/lib/styles/*.sass. Do not edit: your changes are
  * overwritten on the next build. To change the system, edit the SASS and
@@ -1239,6 +1239,881 @@
   --feedback-error: #F43F5E;
 }
 
+.theme-dark-default {
+  --bg: #141414;
+  --bg-surface: #1A1F23;
+  --bg-raised: #282828;
+  --bg-panel: #070F17;
+  --bg-footer: #000510;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #1B0059;
+  --bg-input: #131313;
+  --bg-canvas: #141414;
+  --border: #25436A;
+  --border-subtle: #152D44;
+  --text-primary: #EEF5FF;
+  --text-secondary: #A7B0BD;
+  --text-muted: #656E7B;
+  --state-hover: #17345A;
+  --state-hover-subtle: #102334;
+  --state-selected: #034684;
+  --theme-color: #7BD3AB;
+  --theme-color-alt: #66B897;
+  --text-inverse: #141414;
+  --feedback-error: #EE5248;
+}
+
+.theme-himalaya-dark {
+  --bg: #0E141A;
+  --bg-surface: #1E1E1E;
+  --bg-raised: #1B2936;
+  --bg-panel: #020F21;
+  --bg-footer: #00041A;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #080033;
+  --bg-input: #131313;
+  --bg-canvas: #0E141A;
+  --border: #1A4371;
+  --border-subtle: #172C47;
+  --text-primary: #EEF5FF;
+  --text-secondary: #A7B0BD;
+  --text-muted: #656E7A;
+  --state-hover: #1F3551;
+  --state-hover-subtle: #152330;
+  --state-selected: #1E4875;
+  --theme-color: #79B9FF;
+  --theme-color-alt: #659DFF;
+  --text-inverse: #0E141A;
+  --feedback-error: #EB5645;
+}
+
+.theme-editorial-dark {
+  --bg: #17130C;
+  --bg-surface: #241D0E;
+  --bg-raised: #282828;
+  --bg-panel: #170C00;
+  --bg-footer: #0E0200;
+  --bg-popover: #322F25;
+  --bg-dialog: #322F25;
+  --bg-terminal: #000301;
+  --bg-input: #131313;
+  --bg-canvas: #17130C;
+  --border: #523F1B;
+  --border-subtle: #382908;
+  --text-primary: #F6F5F3;
+  --text-secondary: #B1AFAB;
+  --text-muted: #6F6D68;
+  --state-hover: #473100;
+  --state-hover-subtle: #2A200B;
+  --state-selected: #5D4100;
+  --theme-color: #A0CBA5;
+  --theme-color-alt: #85B28C;
+  --text-inverse: #17130C;
+  --feedback-error: #E65C50;
+}
+
+.theme-space-dark {
+  --bg: #0D1612;
+  --bg-surface: #0B2419;
+  --bg-raised: #282828;
+  --bg-panel: #001409;
+  --bg-footer: #000B01;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000500;
+  --bg-input: #131313;
+  --bg-canvas: #0D1612;
+  --border: #005133;
+  --border-subtle: #023520;
+  --text-primary: #E9FAF2;
+  --text-secondary: #9FB6AA;
+  --text-muted: #5F7369;
+  --state-hover: #004026;
+  --state-hover-subtle: #052919;
+  --state-selected: #005832;
+  --theme-color: #81D2A5;
+  --theme-color-alt: #74B68E;
+  --text-inverse: #0D1612;
+  --feedback-error: #EE5248;
+}
+
+.theme-molly-dark {
+  --bg: #0D141D;
+  --bg-surface: #0C1F32;
+  --bg-raised: #282828;
+  --bg-panel: #000E27;
+  --bg-footer: #000222;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000019;
+  --bg-input: #131313;
+  --bg-canvas: #0D141D;
+  --border: #15456E;
+  --border-subtle: #142D46;
+  --text-primary: #E5F7FF;
+  --text-secondary: #9CB1D0;
+  --text-muted: #5D6F86;
+  --state-hover: #153653;
+  --state-hover-subtle: #132333;
+  --state-selected: #114977;
+  --theme-color: #78C7FF;
+  --theme-color-alt: #64ACE2;
+  --text-inverse: #0D141D;
+  --feedback-error: #EB5551;
+}
+
+.theme-malana-dark {
+  --bg: #17130A;
+  --bg-surface: #261C08;
+  --bg-raised: #282828;
+  --bg-panel: #1A0A00;
+  --bg-footer: #120000;
+  --bg-popover: #322F29;
+  --bg-dialog: #322F29;
+  --bg-terminal: #040100;
+  --bg-input: #131313;
+  --bg-canvas: #17130A;
+  --border: #573D09;
+  --border-subtle: #38280B;
+  --text-primary: #FBF3EF;
+  --text-secondary: #B9ADA5;
+  --text-muted: #766B63;
+  --state-hover: #492D01;
+  --state-hover-subtle: #2E1E08;
+  --state-selected: #633D00;
+  --theme-color: #FF9F76;
+  --theme-color-alt: #EC845D;
+  --text-inverse: #17130A;
+  --feedback-error: #EE5248;
+}
+
+.theme-coresync-dark {
+  --bg: #0E1420;
+  --bg-surface: #181E28;
+  --bg-raised: #282828;
+  --bg-panel: #040E20;
+  --bg-footer: #00031A;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #00000F;
+  --bg-input: #131313;
+  --bg-canvas: #0E1420;
+  --border: #2C4268;
+  --border-subtle: #1A2B47;
+  --text-primary: #F1F5FF;
+  --text-secondary: #AAB0BB;
+  --text-muted: #666E7A;
+  --state-hover: #1F3358;
+  --state-hover-subtle: #112336;
+  --state-selected: #27447B;
+  --theme-color: #FF9471;
+  --theme-color-alt: #F97A58;
+  --text-inverse: #0E1420;
+  --feedback-error: #EE5248;
+}
+
+.theme-studio-dark {
+  --bg: #181309;
+  --bg-surface: #251D09;
+  --bg-raised: #2A2721;
+  --bg-panel: #170C00;
+  --bg-footer: #0E0300;
+  --bg-popover: #312F29;
+  --bg-dialog: #312F29;
+  --bg-terminal: #020200;
+  --bg-input: #15120C;
+  --bg-canvas: #181309;
+  --border: #51401D;
+  --border-subtle: #36290D;
+  --text-primary: #F6F5F2;
+  --text-secondary: #B3AFA9;
+  --text-muted: #716D65;
+  --state-hover: #41320D;
+  --state-hover-subtle: #2A2007;
+  --state-selected: #574312;
+  --theme-color: #C2BDB7;
+  --theme-color-alt: #C19F68;
+  --text-inverse: #181309;
+  --feedback-error: #DA6850;
+}
+
+.theme-matcha-dark {
+  --bg: #12150D;
+  --bg-surface: #1A210C;
+  --bg-raised: #282828;
+  --bg-panel: #071200;
+  --bg-footer: #000800;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000300;
+  --bg-input: #131313;
+  --bg-canvas: #12150D;
+  --border: #2F4D00;
+  --border-subtle: #1E3200;
+  --text-primary: #F0F8ED;
+  --text-secondary: #A9B3A5;
+  --text-muted: #667162;
+  --state-hover: #253C02;
+  --state-hover-subtle: #1A2605;
+  --state-selected: #2F5200;
+  --theme-color: #A0CF77;
+  --theme-color-alt: #8EB26D;
+  --text-inverse: #12150D;
+  --feedback-error: #EE5248;
+}
+
+.theme-sakura-dark {
+  --bg: #1A1113;
+  --bg-surface: #2C171E;
+  --bg-raised: #282828;
+  --bg-panel: #21020E;
+  --bg-footer: #180005;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #0A0003;
+  --bg-input: #131313;
+  --bg-canvas: #1A1113;
+  --border: #702042;
+  --border-subtle: #48182B;
+  --text-primary: #FFEEF6;
+  --text-secondary: #C1A7B1;
+  --text-muted: #7C6670;
+  --state-hover: #551D36;
+  --state-hover-subtle: #351524;
+  --state-selected: #732649;
+  --theme-color: #FF82B7;
+  --theme-color-alt: #FC6D98;
+  --text-inverse: #1A1113;
+  --feedback-error: #F04B60;
+}
+
+.theme-nordic-frost-dark {
+  --bg: #0B1619;
+  --bg-surface: #04222A;
+  --bg-raised: #282828;
+  --bg-panel: #00131E;
+  --bg-footer: #000717;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000111;
+  --bg-input: #131313;
+  --bg-canvas: #0B1619;
+  --border: #004C65;
+  --border-subtle: #003243;
+  --text-primary: #E9F8FF;
+  --text-secondary: #9DB3BF;
+  --text-muted: #5D717B;
+  --state-hover: #003C52;
+  --state-hover-subtle: #002633;
+  --state-selected: #00506E;
+  --theme-color: #78C7FF;
+  --theme-color-alt: #64ACE2;
+  --text-inverse: #0B1619;
+  --feedback-error: #F04B60;
+}
+
+.theme-desert-dune-dark {
+  --bg: #181309;
+  --bg-surface: #261D05;
+  --bg-raised: #282828;
+  --bg-panel: #1A0B00;
+  --bg-footer: #110100;
+  --bg-popover: #312F29;
+  --bg-dialog: #312F29;
+  --bg-terminal: #050100;
+  --bg-input: #131313;
+  --bg-canvas: #181309;
+  --border: #583D00;
+  --border-subtle: #392803;
+  --text-primary: #FBF4EC;
+  --text-secondary: #BAAD9F;
+  --text-muted: #776B5D;
+  --state-hover: #472F00;
+  --state-hover-subtle: #2E1E00;
+  --state-selected: #603F00;
+  --theme-color: #F5AB6F;
+  --theme-color-alt: #E68A56;
+  --text-inverse: #181309;
+  --feedback-error: #EE5248;
+}
+
+.theme-lavender-mist-dark {
+  --bg: #151219;
+  --bg-surface: #22192D;
+  --bg-raised: #282828;
+  --bg-panel: #150424;
+  --bg-footer: #0D0021;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #060014;
+  --bg-input: #131313;
+  --bg-canvas: #151219;
+  --border: #532B76;
+  --border-subtle: #361E4C;
+  --text-primary: #F8F1FF;
+  --text-secondary: #B5A9C8;
+  --text-muted: #736783;
+  --state-hover: #42215F;
+  --state-hover-subtle: #291935;
+  --state-selected: #5A2883;
+  --theme-color: #C69BFF;
+  --theme-color-alt: #AC82FF;
+  --text-inverse: #151219;
+  --feedback-error: #F04B60;
+}
+
+.theme-botanical-dark {
+  --bg: #11150F;
+  --bg-surface: #162210;
+  --bg-raised: #282828;
+  --bg-panel: #031300;
+  --bg-footer: #000900;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000400;
+  --bg-input: #131313;
+  --bg-canvas: #11150F;
+  --border: #254E11;
+  --border-subtle: #1A330E;
+  --text-primary: #EDF9EE;
+  --text-secondary: #A5B4A6;
+  --text-muted: #647264;
+  --state-hover: #1C3E06;
+  --state-hover-subtle: #17270E;
+  --state-selected: #265305;
+  --theme-color: #80D492;
+  --theme-color-alt: #67BA7B;
+  --text-inverse: #11150F;
+  --feedback-error: #EE5248;
+}
+
+.theme-clay-studio-dark {
+  --bg: #19120C;
+  --bg-surface: #2A1A09;
+  --bg-raised: #282828;
+  --bg-panel: #1E0700;
+  --bg-footer: #160000;
+  --bg-popover: #342E29;
+  --bg-dialog: #342E29;
+  --bg-terminal: #0A0000;
+  --bg-input: #131313;
+  --bg-canvas: #19120C;
+  --border: #61370A;
+  --border-subtle: #3F2407;
+  --text-primary: #FFF2EB;
+  --text-secondary: #BFABA2;
+  --text-muted: #7B6961;
+  --state-hover: #4D2A06;
+  --state-hover-subtle: #311C08;
+  --state-selected: #693805;
+  --theme-color: #FFA36F;
+  --theme-color-alt: #DE8E67;
+  --text-inverse: #19120C;
+  --feedback-error: #E55D52;
+}
+
+.theme-solaris-dark {
+  --bg: #16140C;
+  --bg-surface: #261D00;
+  --bg-raised: #282828;
+  --bg-panel: #1C0900;
+  --bg-footer: #150000;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #050100;
+  --bg-input: #131313;
+  --bg-canvas: #16140C;
+  --border: #5F3A00;
+  --border-subtle: #3D2700;
+  --text-primary: #FCF4E3;
+  --text-secondary: #BDAE8F;
+  --text-muted: #7B6B49;
+  --state-hover: #4B2E00;
+  --state-hover-subtle: #2D2000;
+  --state-selected: #653E00;
+  --theme-color: #F6AB6D;
+  --theme-color-alt: #E68A56;
+  --text-inverse: #16140C;
+  --feedback-error: #EE5248;
+}
+
+.theme-cyberpunk-day-dark {
+  --bg: #131410;
+  --bg-surface: #1E200A;
+  --bg-raised: #282828;
+  --bg-panel: #0F1000;
+  --bg-footer: #070500;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #02000E;
+  --bg-input: #131313;
+  --bg-canvas: #131410;
+  --border: #414900;
+  --border-subtle: #2B3000;
+  --text-primary: #F4F2FF;
+  --text-secondary: #B0ABCB;
+  --text-muted: #6F6984;
+  --state-hover: #333A00;
+  --state-hover-subtle: #222500;
+  --state-selected: #434F00;
+  --theme-color: #FF7E8D;
+  --theme-color-alt: #5FB1CD;
+  --text-inverse: #131410;
+  --feedback-error: #F04B60;
+}
+
+.theme-copper-patina-dark {
+  --bg: #0B1614;
+  --bg-surface: #05241E;
+  --bg-raised: #282828;
+  --bg-panel: #00160E;
+  --bg-footer: #000B06;
+  --bg-popover: #2F2F2F;
+  --bg-dialog: #2F2F2F;
+  --bg-terminal: #000403;
+  --bg-input: #131313;
+  --bg-canvas: #0B1614;
+  --border: #005243;
+  --border-subtle: #00362C;
+  --text-primary: #E9F9F6;
+  --text-secondary: #9DB6B1;
+  --text-muted: #5C736F;
+  --state-hover: #004135;
+  --state-hover-subtle: #002922;
+  --state-selected: #005747;
+  --theme-color: #7DCFC4;
+  --theme-color-alt: #68B5AC;
+  --text-inverse: #0B1614;
+  --feedback-error: #EE5248;
+}
+
+.theme-lagoona-light {
+  --bg: #F4F7FD;
+  --bg-surface: #E9EDF6;
+  --bg-raised: #F8FDFF;
+  --bg-panel: #DCDFE9;
+  --bg-footer: #D0D2D8;
+  --bg-popover: #F6FCFF;
+  --bg-dialog: #F6FCFF;
+  --bg-terminal: #1E1F22;
+  --bg-input: #FAFDFF;
+  --bg-canvas: #F4F7FD;
+  --border: #C1C9DA;
+  --border-subtle: #D7DCEA;
+  --text-primary: #1B1D1F;
+  --text-secondary: #4A545F;
+  --text-muted: #7F8A97;
+  --state-hover: #CED6E6;
+  --state-hover-subtle: #E4E9F6;
+  --state-selected: #B6C0D3;
+  --theme-color: #006EA4;
+  --theme-color-alt: #006FAF;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #BF3D43;
+}
+
+.theme-frozen-light {
+  --bg: #F4F7FD;
+  --bg-surface: #E9EDF5;
+  --bg-raised: #F7FEFF;
+  --bg-panel: #DCE0E6;
+  --bg-footer: #D0D3D7;
+  --bg-popover: #F5FCFF;
+  --bg-dialog: #F5FCFF;
+  --bg-terminal: #1E1F22;
+  --bg-input: #FAFDFF;
+  --bg-canvas: #F4F7FD;
+  --border: #C1C9D8;
+  --border-subtle: #D6DDE8;
+  --text-primary: #1C1D1F;
+  --text-secondary: #4E535A;
+  --text-muted: #828A95;
+  --state-hover: #CED6E4;
+  --state-hover-subtle: #E3EAF5;
+  --state-selected: #B6C0D1;
+  --theme-color: #546C3E;
+  --theme-color-alt: #446F6E;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #AC505A;
+}
+
+.theme-night-light {
+  --bg: #F5F6FE;
+  --bg-surface: #EBECF6;
+  --bg-raised: #FAFDFF;
+  --bg-panel: #DEDFE8;
+  --bg-footer: #D1D2D8;
+  --bg-popover: #F8FBFF;
+  --bg-dialog: #F8FBFF;
+  --bg-terminal: #1E1F23;
+  --bg-input: #FBFDFF;
+  --bg-canvas: #F5F6FE;
+  --border: #C5C8DA;
+  --border-subtle: #D9DBEA;
+  --text-primary: #181C2D;
+  --text-secondary: #4D5166;
+  --text-muted: #84889C;
+  --state-hover: #D2D5E7;
+  --state-hover-subtle: #E6E8F7;
+  --state-selected: #BABED5;
+  --theme-color: #477200;
+  --theme-color-alt: #3F62B1;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #BB3F5C;
+}
+
+.theme-inkworm-light {
+  --bg: #FAF6F2;
+  --bg-surface: #F1ECE6;
+  --bg-raised: #FFFCF5;
+  --bg-panel: #E3DFD9;
+  --bg-footer: #D6D2CE;
+  --bg-popover: #FFFAF1;
+  --bg-dialog: #FFFAF1;
+  --bg-terminal: #211F1C;
+  --bg-input: #FFFCF6;
+  --bg-canvas: #FAF6F2;
+  --border: #D1C7BD;
+  --border-subtle: #E2DBD2;
+  --text-primary: #1F1D19;
+  --text-secondary: #57524A;
+  --text-muted: #8D8881;
+  --state-hover: #DED4C9;
+  --state-hover-subtle: #F0E8E1;
+  --state-selected: #CABDB0;
+  --theme-color: #9D4800;
+  --theme-color-alt: #B53200;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #CF1E29;
+}
+
+.theme-fouram-light {
+  --bg: #F4F7FD;
+  --bg-surface: #E9EDF7;
+  --bg-raised: #F8FDFF;
+  --bg-panel: #DDDFE8;
+  --bg-footer: #D0D2D7;
+  --bg-popover: #F5FCFF;
+  --bg-dialog: #F5FCFF;
+  --bg-terminal: #1E1F22;
+  --bg-input: #FAFDFF;
+  --bg-canvas: #F4F7FD;
+  --border: #C0C9DE;
+  --border-subtle: #D6DCEC;
+  --text-primary: #1C1D1F;
+  --text-secondary: #4B5265;
+  --text-muted: #8089A0;
+  --state-hover: #CED6E9;
+  --state-hover-subtle: #E4E9F7;
+  --state-selected: #B5BFD8;
+  --theme-color: #BB0060;
+  --theme-color-alt: #007F4B;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #CF1E29;
+}
+
+.theme-wintercame-light {
+  --bg: #F6F6F9;
+  --bg-surface: #ECECF2;
+  --bg-raised: #FCFCFF;
+  --bg-panel: #DFDFE5;
+  --bg-footer: #D2D2D5;
+  --bg-popover: #FAFAFF;
+  --bg-dialog: #FAFAFF;
+  --bg-terminal: #1F1F21;
+  --bg-input: #FDFDFF;
+  --bg-canvas: #F6F6F9;
+  --border: #C7C7D9;
+  --border-subtle: #DBDBE8;
+  --text-primary: #1D1D1E;
+  --text-secondary: #52525A;
+  --text-muted: #888891;
+  --state-hover: #D3D4EA;
+  --state-hover-subtle: #E8E8F6;
+  --state-selected: #BCBCD8;
+  --theme-color: #B91C00;
+  --theme-color-alt: #9D4F00;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #DA0008;
+}
+
+.theme-console-light {
+  --bg: #F3F8F4;
+  --bg-surface: #E8EFE9;
+  --bg-raised: #F6FFF8;
+  --bg-panel: #DBE1DC;
+  --bg-footer: #D0D4D1;
+  --bg-popover: #F3FFF6;
+  --bg-dialog: #F3FFF6;
+  --bg-terminal: #1E201E;
+  --bg-input: #F9FFFA;
+  --bg-canvas: #F3F8F4;
+  --border: #BDCEC2;
+  --border-subtle: #D4E0D7;
+  --text-primary: #162019;
+  --text-secondary: #435947;
+  --text-muted: #7B8F7E;
+  --state-hover: #CADBCE;
+  --state-hover-subtle: #E1EDE4;
+  --state-selected: #B0C6B5;
+  --theme-color: #007C49;
+  --theme-color-alt: #007F4C;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #CF1E29;
+}
+
+.theme-catppuccin-latte {
+  --bg: #F5F6FF;
+  --bg-surface: #EBECF8;
+  --bg-raised: #FBFCFF;
+  --bg-panel: #DEDFE8;
+  --bg-footer: #D1D2D9;
+  --bg-popover: #FAFBFF;
+  --bg-dialog: #FAFBFF;
+  --bg-terminal: #1F1F24;
+  --bg-input: #FCFDFF;
+  --bg-canvas: #F5F6FF;
+  --border: #C7C8D3;
+  --border-subtle: #DADBE7;
+  --text-primary: #191C28;
+  --text-secondary: #4F525F;
+  --text-muted: #868895;
+  --state-hover: #D3D5E3;
+  --state-hover-subtle: #E7E8F4;
+  --state-selected: #BCBECD;
+  --theme-color: #734F99;
+  --theme-color-alt: #3E65A5;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #AD4C6A;
+}
+
+.theme-nord-light {
+  --bg: #F3F7FF;
+  --bg-surface: #E8EDF8;
+  --bg-raised: #F8FEFF;
+  --bg-panel: #DCE0E7;
+  --bg-footer: #D0D3D8;
+  --bg-popover: #F6FCFF;
+  --bg-dialog: #F6FCFF;
+  --bg-terminal: #1D1F24;
+  --bg-input: #FAFDFF;
+  --bg-canvas: #F3F7FF;
+  --border: #C3C9D6;
+  --border-subtle: #D8DCE7;
+  --text-primary: #1C1D1F;
+  --text-secondary: #505358;
+  --text-muted: #818A99;
+  --state-hover: #D0D6E3;
+  --state-hover-subtle: #E5EAF4;
+  --state-selected: #B8C0CE;
+  --theme-color: #356C7B;
+  --theme-color-alt: #4B6987;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #AC505A;
+}
+
+.theme-gruvbox-light {
+  --bg: #F7F7F7;
+  --bg-surface: #F1EBE9;
+  --bg-raised: #FFFBF5;
+  --bg-panel: #D8E1E4;
+  --bg-footer: #CDD4D7;
+  --bg-popover: #FFF9F4;
+  --bg-dialog: #FFF9F4;
+  --bg-terminal: #1A2123;
+  --bg-input: #F6FFFF;
+  --bg-canvas: #F7F7F7;
+  --border: #D7C5BA;
+  --border-subtle: #E5DAD4;
+  --text-primary: #231C0B;
+  --text-secondary: #5A5241;
+  --text-muted: #90887F;
+  --state-hover: #E2D2C8;
+  --state-hover-subtle: #EEE8E5;
+  --state-selected: #CFBBAC;
+  --theme-color: #AD3500;
+  --theme-color-alt: #915900;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #D31601;
+}
+
+.theme-onelight-pro {
+  --bg: #F3F7FE;
+  --bg-surface: #E9EDF5;
+  --bg-raised: #F8FDFF;
+  --bg-panel: #DDDFE6;
+  --bg-footer: #D0D2D8;
+  --bg-popover: #F7FCFF;
+  --bg-dialog: #F7FCFF;
+  --bg-terminal: #1E1F24;
+  --bg-input: #FBFDFF;
+  --bg-canvas: #F3F7FE;
+  --border: #C3C9D5;
+  --border-subtle: #D7DCE7;
+  --text-primary: #1A1D22;
+  --text-secondary: #4F5259;
+  --text-muted: #858992;
+  --state-hover: #D0D6E3;
+  --state-hover-subtle: #E5EAF2;
+  --state-selected: #B8BFCF;
+  --theme-color: #0E68A3;
+  --theme-color-alt: #4C732B;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #B64752;
+}
+
+.theme-rose-pine-light {
+  --bg: #F6F6FE;
+  --bg-surface: #ECEBF6;
+  --bg-raised: #FDFCFF;
+  --bg-panel: #DFDEE7;
+  --bg-footer: #D3D1D8;
+  --bg-popover: #FBFAFF;
+  --bg-dialog: #FBFAFF;
+  --bg-terminal: #1F1E25;
+  --bg-input: #FDFCFF;
+  --bg-canvas: #F6F6FE;
+  --border: #C9C7D3;
+  --border-subtle: #DCDBE9;
+  --text-primary: #1D1C24;
+  --text-secondary: #52505F;
+  --text-muted: #898797;
+  --state-hover: #D5D4E2;
+  --state-hover-subtle: #E9E8F3;
+  --state-selected: #BEBDCD;
+  --theme-color: #A73058;
+  --theme-color-alt: #15708F;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #B84167;
+}
+
+.theme-midnight-emerald-light {
+  --bg: #F1F9F5;
+  --bg-surface: #E5F0EA;
+  --bg-raised: #F3FFF9;
+  --bg-panel: #D9E2DD;
+  --bg-footer: #CED4D2;
+  --bg-popover: #F2FFF8;
+  --bg-dialog: #F2FFF8;
+  --bg-terminal: #1C201F;
+  --bg-input: #F6FFFB;
+  --bg-canvas: #F1F9F5;
+  --border: #BBCFC3;
+  --border-subtle: #D3E0D9;
+  --text-primary: #161F1B;
+  --text-secondary: #3E594D;
+  --text-muted: #769083;
+  --state-hover: #CADBD1;
+  --state-hover-subtle: #E2EDE6;
+  --state-selected: #B1C5B9;
+  --theme-color: #007C49;
+  --theme-color-alt: #007F4C;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #BF3D43;
+}
+
+.theme-obsidian-crimson-light {
+  --bg: #FCF4F6;
+  --bg-surface: #F4EAEC;
+  --bg-raised: #FFF9FE;
+  --bg-panel: #E7DDE0;
+  --bg-footer: #D7D0D3;
+  --bg-popover: #FFF7FC;
+  --bg-dialog: #FFF7FC;
+  --bg-terminal: #231E20;
+  --bg-input: #FFFAFD;
+  --bg-canvas: #FCF4F6;
+  --border: #DCC1C9;
+  --border-subtle: #EAD6DC;
+  --text-primary: #221A1C;
+  --text-secondary: #694850;
+  --text-muted: #A17E87;
+  --state-hover: #E4D0D7;
+  --state-hover-subtle: #F1E6E9;
+  --state-selected: #D1B7C0;
+  --theme-color: #BC003D;
+  --theme-color-alt: #B12C49;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #D01248;
+}
+
+.theme-synthwave-light {
+  --bg: #F8F4FF;
+  --bg-surface: #EEE9FE;
+  --bg-raised: #FFF9FF;
+  --bg-panel: #E1DDEE;
+  --bg-footer: #D4D0DC;
+  --bg-popover: #FEF7FF;
+  --bg-dialog: #FEF7FF;
+  --bg-terminal: #201E26;
+  --bg-input: #FFFAFF;
+  --bg-canvas: #F8F4FF;
+  --border: #CDC2E7;
+  --border-subtle: #DED8F2;
+  --text-primary: #1F1C20;
+  --text-secondary: #5D496E;
+  --text-muted: #927FAC;
+  --state-hover: #D8D1F0;
+  --state-hover-subtle: #EBE6FA;
+  --state-selected: #C2B9E0;
+  --theme-color: #C40057;
+  --theme-color-alt: #007C8B;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #D60065;
+}
+
+.theme-deep-ocean-light {
+  --bg: #F1F8FE;
+  --bg-surface: #E6EEF6;
+  --bg-raised: #F4FFFF;
+  --bg-panel: #D9E1E8;
+  --bg-footer: #CFD3D7;
+  --bg-popover: #F2FDFF;
+  --bg-dialog: #F2FDFF;
+  --bg-terminal: #1D2022;
+  --bg-input: #F7FEFF;
+  --bg-canvas: #F1F8FE;
+  --border: #BBCBDB;
+  --border-subtle: #D2DEEA;
+  --text-primary: #161E22;
+  --text-secondary: #3A5766;
+  --text-muted: #738D9D;
+  --state-hover: #CAD8E6;
+  --state-hover-subtle: #E2EBF3;
+  --state-selected: #B0C2D4;
+  --theme-color: #007790;
+  --theme-color-alt: #0071A7;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #BF3D43;
+}
+
+.theme-amethyst-void-light {
+  --bg: #F8F5FF;
+  --bg-surface: #EEEAF9;
+  --bg-raised: #FFFAFF;
+  --bg-panel: #E1DDEA;
+  --bg-footer: #D4D1D8;
+  --bg-popover: #FDF8FF;
+  --bg-dialog: #FDF8FF;
+  --bg-terminal: #201E23;
+  --bg-input: #FFFBFF;
+  --bg-canvas: #F8F5FF;
+  --border: #CBC4E2;
+  --border-subtle: #DED9ED;
+  --text-primary: #1F1B21;
+  --text-secondary: #5A4A6C;
+  --text-muted: #9181A5;
+  --state-hover: #D8D1EB;
+  --state-hover-subtle: #EBE7F6;
+  --state-selected: #C2BADA;
+  --theme-color: #8225CB;
+  --theme-color-alt: #B8006E;
+  --text-inverse: #FFFFFF;
+  --feedback-error: #D10D43;
+}
+
 [data-layout=tight] {
   --gap-scale: 0.85;
   --pad-scale: 0.7;
@@ -9618,6 +10493,18 @@ a {
   position: sticky;
 }
 
+.scroll-y {
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+}
+
+.scroll-x {
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior: contain;
+}
+
 .grid-1 {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -9705,7 +10592,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-16-9 img, .frame-16-9 video, .frame-16-9 iframe {
+.frame-16-9 img, .frame-16-9 video, .frame-16-9 iframe, .frame-16-9 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9716,7 +10603,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-9-16 img, .frame-9-16 video, .frame-9-16 iframe {
+.frame-9-16 img, .frame-9-16 video, .frame-9-16 iframe, .frame-9-16 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9727,7 +10614,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-4-3 img, .frame-4-3 video, .frame-4-3 iframe {
+.frame-4-3 img, .frame-4-3 video, .frame-4-3 iframe, .frame-4-3 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9738,7 +10625,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-3-4 img, .frame-3-4 video, .frame-3-4 iframe {
+.frame-3-4 img, .frame-3-4 video, .frame-3-4 iframe, .frame-3-4 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9749,7 +10636,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-3-2 img, .frame-3-2 video, .frame-3-2 iframe {
+.frame-3-2 img, .frame-3-2 video, .frame-3-2 iframe, .frame-3-2 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9760,7 +10647,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-2-3 img, .frame-2-3 video, .frame-2-3 iframe {
+.frame-2-3 img, .frame-2-3 video, .frame-2-3 iframe, .frame-2-3 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -9771,7 +10658,7 @@ a {
   overflow: hidden;
   position: relative;
 }
-.frame-1-1 img, .frame-1-1 video, .frame-1-1 iframe {
+.frame-1-1 img, .frame-1-1 video, .frame-1-1 iframe, .frame-1-1 svg {
   width: 100%;
   height: 100%;
   object-fit: cover;