vanilla-breeze 0.4.0 → 0.5.0

package/dist/cdn/themes/art-deco.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-s: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-m: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-l: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:#a77f19;text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;border:2px solid oklch(62% .12 85);font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-s: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-m: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-l: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}}
+@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-interactive: oklch(54% .12 85);--color-interactive-hover: oklch(49% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-s: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-m: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-l: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:var(--color-interactive);text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;--btn-border-width: 2px;border-color:#a77f19;font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-s: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-m: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-l: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}}
 /*# sourceMappingURL=art-deco.css.map */

package/dist/cdn/themes/art-deco.tokens.json

@@ -110,6 +110,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.54,
+          0.12,
+          85
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.49,
+          0.13,
+          85
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -563,7 +585,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/bauhaus-dark.tokens.json

@@ -110,6 +110,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.22,
+          25
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.67,
+          0.24,
+          25
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -235,7 +257,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--_bauhaus-color-yellow",
         "--input-bg",

package/dist/cdn/themes/bauhaus.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding-block:1.25rem;padding-inline:2rem 1.5rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;inset-block-start:-8px;inset-inline-start:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-interactive);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{--btn-border-width: 2px;border-color:var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-interactive: oklch(62% .22 25);--color-interactive-hover: oklch(67% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-interactive);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}}
 /*# sourceMappingURL=bauhaus.css.map */

package/dist/cdn/themes/bauhaus.tokens.json

@@ -565,7 +565,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/brutalist-dark.tokens.json

@@ -99,6 +99,38 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary-hover)"
+        }
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -477,7 +509,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--scrollbar-thumb",
         "--scrollbar-track",

package/dist/cdn/themes/brutalist.css

@@ -1,2 +1,2 @@
-@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-s: 2px 2px 0 oklch(0% 0 0);--shadow-m: 4px 4px 0 oklch(0% 0 0);--shadow-l: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-m);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-m);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-s);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-s)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-s: 2px 2px 0 oklch(100% 0 0);--shadow-m: 4px 4px 0 oklch(100% 0 0);--shadow-l: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--color-interactive: oklch(43% .3 145);--color-interactive-hover: oklch(38% .3 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-s: 2px 2px 0 oklch(0% 0 0);--shadow-m: 4px 4px 0 oklch(0% 0 0);--shadow-l: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-effect~=gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]):not(nav a){color:var(--color-interactive);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{--btn-border-width: 2px;box-shadow:var(--shadow-m);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-m);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-s);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-s)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"' / "";font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}& pre code{background:none;border:0;color:inherit}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-s: 2px 2px 0 oklch(100% 0 0);--shadow-m: 4px 4px 0 oklch(100% 0 0);--shadow-l: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-effect~=gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}}
 /*# sourceMappingURL=brutalist.css.map */

package/dist/cdn/themes/brutalist.tokens.json

@@ -99,6 +99,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.43,
+          0.3,
+          145
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.38,
+          0.3,
+          145
+        ]
+      }
+    },
     "primary-hover": {
       "$type": "color",
       "$value": {
@@ -649,7 +671,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--caret-color",

package/dist/cdn/themes/catppuccin-frappe.tokens.json

@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/catppuccin-latte-dark.tokens.json

@@ -459,7 +459,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/catppuccin-latte.tokens.json

@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/catppuccin-macchiato.tokens.json

@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/catppuccin-mocha.tokens.json

@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/classic-dark.tokens.json

@@ -496,7 +496,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "seedDerivation": true
     }
   }

package/dist/cdn/themes/classic.tokens.json

@@ -633,7 +633,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "seedDerivation": true
     }
   }

package/dist/cdn/themes/claymorphism-dark.tokens.json

@@ -110,6 +110,38 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary-hover)"
+        }
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -473,7 +505,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--_clay-color-green",
         "--_clay-color-yellow",

package/dist/cdn/themes/claymorphism.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}}
+@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-interactive: oklch(56% .2 350);--color-interactive-hover: oklch(51% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c" / "";position:absolute;inset-block-start:-.5rem;inset-inline-start:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}&:dir(rtl):before{content:"\201d" / ""}}& a:not([class]){color:var(--color-interactive);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-interactive-hover)}}.button,button{background:#f0f1f7;--btn-border-width: 0px;color:var(--color-interactive);font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}}
 /*# sourceMappingURL=claymorphism.css.map */

package/dist/cdn/themes/claymorphism.tokens.json

@@ -121,6 +121,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.56,
+          0.2,
+          350
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.51,
+          0.22,
+          350
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -612,7 +634,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/clinical-dark.tokens.json

@@ -459,7 +459,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/clinical.tokens.json

@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/cottagecore-dark.tokens.json

@@ -395,7 +395,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--_cottagecore-color-gold",
         "--cb-header-bg",

package/dist/cdn/themes/cottagecore.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=cottagecore],[data-theme~=cottagecore]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .008 80);--color-surface-alt: oklch(95% .015 80);--color-surface-raised: oklch(100% .005 80);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(28% .04 60);--color-text-muted: oklch(42% .035 60);--color-text-subtle: oklch(55% .025 60);--color-primary: oklch(58% .08 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(52% .09 145);--color-primary-subtle: oklch(93% .02 145);--color-accent: oklch(68% .08 10);--color-accent-hover: oklch(62% .09 10);--color-accent-subtle: oklch(94% .02 10);--_cottagecore-color-gold: oklch(75% .1 80);--color-border: oklch(85% .015 80);--color-border-muted: oklch(90% .01 80);--color-border-strong: oklch(70% .02 80);--color-success: oklch(55% .1 145);--color-warning: oklch(72% .1 80);--color-error: oklch(55% .14 20);--color-info: oklch(55% .08 230);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.3;--radius-xs: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(40% .04 60 / .08);--shadow-s: 0 2px 5px oklch(40% .04 60 / .1);--shadow-m: 0 4px 10px oklch(40% .04 60 / .12);--shadow-l: 0 8px 20px oklch(40% .04 60 / .14);--shadow-xl: 0 12px 28px oklch(40% .04 60 / .16);--shadow-2xl: 0 18px 40px oklch(40% .04 60 / .18);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme~=cottagecore],[data-theme~=cottagecore]{:is(main,article){& h1,h2,h3{font-family:Lora,Georgia,Times New Roman,serif}& h1{color:#385638;font-weight:700;letter-spacing:-.01em}& h2{color:#486749;font-weight:600}& h3{color:#a4666f;font-weight:600}& hr:not([data-ornament]){border:none;text-align:center;height:2rem;position:relative;margin-block:2rem;&:before{content:"\274b\273f\274b";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#5c875d;letter-spacing:.5rem;font-size:1rem}}& blockquote{background:#f4eee4;border-inline-start:3px solid oklch(68% .08 10);padding:1.25rem 1.5rem;color:#483628;position:relative;&:before{content:"\201c";position:absolute;top:-.25rem;left:.75rem;font-family:Lora,Georgia,serif;font-size:2.5rem;color:#c4848d66;line-height:1}}& a:not([class]){color:#467748;text-decoration:none;border-block-end:1px solid oklch(68% .08 10 / .5);transition:all .22s var(--ease-default);&:hover{color:#a4666f;border-color:#a4666f}}.button,button{background:#5c875d;border:1px solid oklch(52% .09 145);color:#fff;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{background:#467748;box-shadow:var(--shadow-m);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:1px solid oklch(85% .015 80);border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{box-shadow:var(--shadow-m);transform:translateY(-2px)}}& input,textarea,select{border:1px solid oklch(85% .015 80);background:#fffbf6;border-radius:var(--radius-m);transition:all .22s var(--ease-default);&:focus{border-color:#5c875d;box-shadow:0 0 0 3px #5c875d26;outline:none}&::placeholder{color:var(--color-text-subtle)}}& code{background:#f2eade;color:#523d2d;border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:#f4eee4;border:1px solid oklch(85% .015 80);border-radius:var(--radius-l)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .09 145);--cb-string: oklch(58% .08 10);--cb-function: oklch(75% .1 80);--cb-number: oklch(55% .14 20);--cb-tag: oklch(58% .08 145);--cb-attribute: oklch(68% .08 10);--cb-button-bg: var(--color-surface)}::selection{background:#c4848d4d;color:#372414}}:root[data-theme~=cottagecore][data-mode=dark],[data-theme~=cottagecore][data-mode=dark]{color-scheme:dark;--color-background: oklch(15% .02 60);--color-surface: oklch(18% .02 60);--color-surface-alt: oklch(22% .02 60);--color-surface-raised: oklch(24% .02 60);--color-surface-sunken: oklch(12% .02 60);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .015 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(65% .08 145);--color-primary-hover: oklch(70% .09 145);--color-primary-subtle: oklch(22% .03 145);--color-accent: oklch(72% .07 10);--color-accent-hover: oklch(77% .08 10);--color-accent-subtle: oklch(22% .02 10);--_cottagecore-color-gold: oklch(78% .1 80);--color-border: oklch(30% .02 60);--color-border-muted: oklch(25% .015 60);--color-border-strong: oklch(45% .02 60);--color-success: oklch(62% .1 145);--color-warning: oklch(75% .1 80);--color-error: oklch(60% .14 20);--color-info: oklch(60% .08 230);--shadow-xs: 0 1px 3px oklch(8% .02 60 / .3);--shadow-s: 0 2px 5px oklch(8% .02 60 / .35);--shadow-m: 0 4px 10px oklch(8% .02 60 / .4);--shadow-l: 0 8px 20px oklch(8% .02 60 / .45);--shadow-xl: 0 12px 28px oklch(8% .02 60 / .5);--shadow-2xl: 0 18px 40px oklch(8% .02 60 / .55);:is(main,article){& h1{color:#89b18a}& h2{color:#7da47e}& h3{color:#cc939a}& hr:not([data-ornament]){&:before{color:#709c71}}& blockquote{background:#1d140d;border-color:#cc939a;color:#aaa49a;&:before{color:#cc939a66}}& a:not([class]){color:#709c71;border-color:#cc939a66;&:hover{color:#cc939a;border-color:#cc939a}}.button,button{background:#709c71;border-color:#578859;&:hover{background:#578859}}.card{background:var(--color-surface);border-color:#362c24;&:hover{border-color:#5e534a}}& input,textarea,select{border-color:#362c24;background:#180f09;color:var(--color-text);&:focus{border-color:#709c71;box-shadow:0 0 0 3px #709c7126}}& code{background:#221811;color:#89b18a}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .08 145);--cb-string: oklch(72% .07 10);--cb-function: oklch(78% .1 80);--cb-number: oklch(60% .14 20);--cb-tag: oklch(65% .08 145);--cb-attribute: oklch(72% .07 10);--cb-button-bg: var(--color-surface)}::selection{background:#cc939a4d;color:#e8e4dd}}}
+@import"https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=cottagecore],[data-theme~=cottagecore]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .008 80);--color-surface-alt: oklch(95% .015 80);--color-surface-raised: oklch(100% .005 80);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(28% .04 60);--color-text-muted: oklch(42% .035 60);--color-text-subtle: oklch(55% .025 60);--color-primary: oklch(58% .08 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(52% .09 145);--color-primary-subtle: oklch(93% .02 145);--color-accent: oklch(68% .08 10);--color-accent-hover: oklch(62% .09 10);--color-accent-subtle: oklch(94% .02 10);--_cottagecore-color-gold: oklch(75% .1 80);--color-border: oklch(85% .015 80);--color-border-muted: oklch(90% .01 80);--color-border-strong: oklch(70% .02 80);--color-success: oklch(55% .1 145);--color-warning: oklch(72% .1 80);--color-error: oklch(55% .14 20);--color-info: oklch(55% .08 230);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.3;--radius-xs: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(40% .04 60 / .08);--shadow-s: 0 2px 5px oklch(40% .04 60 / .1);--shadow-m: 0 4px 10px oklch(40% .04 60 / .12);--shadow-l: 0 8px 20px oklch(40% .04 60 / .14);--shadow-xl: 0 12px 28px oklch(40% .04 60 / .16);--shadow-2xl: 0 18px 40px oklch(40% .04 60 / .18);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme~=cottagecore],[data-theme~=cottagecore]{:is(main,article){& h1,h2,h3{font-family:Lora,Georgia,Times New Roman,serif}& h1{color:#385638;font-weight:700;letter-spacing:-.01em}& h2{color:#486749;font-weight:600}& h3{color:#a4666f;font-weight:600}& hr:not([data-ornament]){border:none;text-align:center;height:2rem;position:relative;margin-block:2rem;&:before{content:"\274b\273f\274b";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#5c875d;letter-spacing:.5rem;font-size:1rem}}& blockquote{background:#f4eee4;border-inline-start:3px solid oklch(68% .08 10);padding:1.25rem 1.5rem;color:#483628;position:relative;&:before{content:"\201c" / "";position:absolute;inset-block-start:-.25rem;inset-inline-start:.75rem;font-family:Lora,Georgia,serif;font-size:2.5rem;color:#c4848d66;line-height:1}&:dir(rtl):before{content:"\201d" / ""}}& a:not([class]){color:#467748;text-decoration:none;border-block-end:1px solid oklch(68% .08 10 / .5);transition:all .22s var(--ease-default);&:hover{color:#a4666f;border-color:#a4666f}}.button,button{background:#4d784f;--btn-border-width: 1px;border-color:#37683a;color:#fff;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{background:#37683a;box-shadow:var(--shadow-m);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:1px solid oklch(85% .015 80);border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{box-shadow:var(--shadow-m);transform:translateY(-2px)}}& input,textarea,select{border:1px solid oklch(85% .015 80);background:#fffbf6;border-radius:var(--radius-m);transition:all .22s var(--ease-default);&:focus{border-color:#5c875d;box-shadow:0 0 0 3px #5c875d26;outline:none}&::placeholder{color:var(--color-text-subtle)}}& code{background:#f2eade;color:#523d2d;border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:#f4eee4;border:1px solid oklch(85% .015 80);border-radius:var(--radius-l)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .09 145);--cb-string: oklch(58% .08 10);--cb-function: oklch(75% .1 80);--cb-number: oklch(55% .14 20);--cb-tag: oklch(58% .08 145);--cb-attribute: oklch(68% .08 10);--cb-button-bg: var(--color-surface)}::selection{background:#c4848d4d;color:#372414}}:root[data-theme~=cottagecore][data-mode=dark],[data-theme~=cottagecore][data-mode=dark]{color-scheme:dark;--color-background: oklch(15% .02 60);--color-surface: oklch(18% .02 60);--color-surface-alt: oklch(22% .02 60);--color-surface-raised: oklch(24% .02 60);--color-surface-sunken: oklch(12% .02 60);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .015 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(65% .08 145);--color-primary-hover: oklch(70% .09 145);--color-primary-subtle: oklch(22% .03 145);--color-accent: oklch(72% .07 10);--color-accent-hover: oklch(77% .08 10);--color-accent-subtle: oklch(22% .02 10);--_cottagecore-color-gold: oklch(78% .1 80);--color-border: oklch(30% .02 60);--color-border-muted: oklch(25% .015 60);--color-border-strong: oklch(45% .02 60);--color-success: oklch(62% .1 145);--color-warning: oklch(75% .1 80);--color-error: oklch(60% .14 20);--color-info: oklch(60% .08 230);--shadow-xs: 0 1px 3px oklch(8% .02 60 / .3);--shadow-s: 0 2px 5px oklch(8% .02 60 / .35);--shadow-m: 0 4px 10px oklch(8% .02 60 / .4);--shadow-l: 0 8px 20px oklch(8% .02 60 / .45);--shadow-xl: 0 12px 28px oklch(8% .02 60 / .5);--shadow-2xl: 0 18px 40px oklch(8% .02 60 / .55);:is(main,article){& h1{color:#89b18a}& h2{color:#7da47e}& h3{color:#cc939a}& hr:not([data-ornament]){&:before{color:#709c71}}& blockquote{background:#1d140d;border-color:#cc939a;color:#aaa49a;&:before{color:#cc939a66}}& a:not([class]){color:#709c71;border-color:#cc939a66;&:hover{color:#cc939a;border-color:#cc939a}}.button,button{background:#4a754c;border-color:#5d8f5e;&:hover{background:#356537}}.card{background:var(--color-surface);border-color:#362c24;&:hover{border-color:#5e534a}}& input,textarea,select{border-color:#362c24;background:#180f09;color:var(--color-text);&:focus{border-color:#709c71;box-shadow:0 0 0 3px #709c7126}}& code{background:#221811;color:#89b18a}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .08 145);--cb-string: oklch(72% .07 10);--cb-function: oklch(78% .1 80);--cb-number: oklch(60% .14 20);--cb-tag: oklch(65% .08 145);--cb-attribute: oklch(72% .07 10);--cb-button-bg: var(--color-surface)}::selection{background:#cc939a4d;color:#e8e4dd}}}
 /*# sourceMappingURL=cottagecore.css.map */

package/dist/cdn/themes/cottagecore.tokens.json

@@ -532,7 +532,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/cyber.css

@@ -1,2 +1,2 @@
-@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--caret-color: var(--color-primary);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-success: oklch(72% .22 145);--color-success-subtle: oklch(20% .08 145);--color-success-text: oklch(78% .18 145);--color-warning: oklch(78% .2 70);--color-warning-subtle: oklch(22% .1 70);--color-warning-text: oklch(82% .15 70);--color-error: oklch(62% .25 15);--color-error-subtle: oklch(20% .1 15);--color-error-text: oklch(75% .2 15);--color-info: oklch(75% .25 180);--color-info-subtle: oklch(20% .08 180);--color-info-text: oklch(80% .2 180);--_cyber-glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--_cyber-glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--_cyber-glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-adjust: .5;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-s: 0 2px 8px oklch(0% 0 0 / .4);--shadow-m: 0 4px 16px oklch(0% 0 0 / .5);--shadow-l: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1;--page-bg-gradient: linear-gradient( 135deg, oklch(8% .04 280) 0%, oklch(12% .02 280) 40%, oklch(10% .06 200) 100% );--control-border: oklch(75% .25 180);--control-checked-bg: oklch(75% .25 180);--control-checked-border: oklch(75% .25 180);--input-bg: oklch(10% .02 280);--input-border: oklch(40% .06 280);--input-border-focus: oklch(75% .25 180);--range-track-bg: oklch(25% .04 280);--range-track-fill: oklch(75% .25 180);--range-thumb-bg: oklch(12% .02 280);--range-thumb-border: oklch(75% .25 180);--progress-track-bg: oklch(20% .03 280);--progress-fill: oklch(75% .25 180)}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--_cyber-glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding-inline:var(--size-s);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(from var(--color-primary) l c h / .2);transition:all .2s;&:hover{box-shadow:var(--_cyber-glow-cyan),inset 0 0 20px oklch(from var(--color-primary) l c h / .3)}}.card{position:relative;border:2px solid var(--color-border);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--_cyber-glow-cyan)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:var(--color-surface-raised);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);padding:1rem 1.5rem;font-style:normal;&:before{content:'"';color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--_cyber-glow-magenta)}}& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: oklch(80% .15 145);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-hover-bg: var(--color-surface-raised);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}--shape-depth: 10%;--shape-bevel: 24px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}[data-badge]{background:var(--color-primary);color:#000503;box-shadow:var(--_cyber-glow-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs, .75rem)}[data-callout=notched]{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--_cyber-glow-cyan)}[data-callout=speech]{background:var(--color-surface);border:1px solid var(--color-accent)}[data-bubble=outgoing]{background:var(--color-primary);color:#000503}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-surface))}[data-morph]{animation-timing-function:steps(8)}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(50% .22 180);--color-primary-hover: oklch(45% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--color-success: oklch(48% .18 145);--color-success-subtle: oklch(94% .05 145);--color-success-text: oklch(32% .12 145);--color-warning: oklch(55% .16 70);--color-warning-subtle: oklch(94% .06 70);--color-warning-text: oklch(38% .12 70);--color-error: oklch(48% .22 15);--color-error-subtle: oklch(94% .05 15);--color-error-text: oklch(35% .15 15);--color-info: oklch(50% .22 180);--color-info-subtle: oklch(94% .05 180);--color-info-text: oklch(35% .15 180);--input-bg: oklch(96% .015 250);--input-border: oklch(85% .02 250);--input-border-focus: oklch(50% .22 180);--_cyber-glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--_cyber-glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--_cyber-glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-s: 0 2px 8px oklch(0% 0 0 / .1);--shadow-m: 0 4px 16px oklch(0% 0 0 / .12);--shadow-l: 0 8px 32px oklch(0% 0 0 / .15);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .18);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .22);--page-bg-gradient: none}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{:is(main,article){& input,textarea{background:var(--color-surface);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:var(--color-text-subtle);font-style:italic}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:oklch(35% .15 145)}}& code{background:var(--color-surface-alt);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);&:before{color:var(--color-accent)}}.card{background:var(--color-surface);border:2px solid var(--color-border)}}:is(main,article) code-block{--cb-bg: var(--color-surface-alt);--cb-code-bg: var(--color-surface-alt);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(35% .15 145);--cb-comment: var(--color-text-subtle);--cb-function: oklch(45% .2 290);--cb-number: oklch(45% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(45% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}--control-border: oklch(70% .04 250);--control-checked-bg: oklch(50% .22 180);--control-checked-border: oklch(50% .22 180);--range-track-bg: oklch(88% .02 250);--range-track-fill: oklch(50% .22 180);--range-thumb-bg: oklch(98% .01 250);--range-thumb-border: oklch(50% .22 180);--progress-track-bg: oklch(88% .02 250);--progress-fill: oklch(50% .22 180)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--caret-color: var(--color-primary);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-success: oklch(72% .22 145);--color-success-subtle: oklch(20% .08 145);--color-success-text: oklch(78% .18 145);--color-warning: oklch(78% .2 70);--color-warning-subtle: oklch(22% .1 70);--color-warning-text: oklch(82% .15 70);--color-error: oklch(62% .25 15);--color-error-subtle: oklch(20% .1 15);--color-error-text: oklch(75% .2 15);--color-info: oklch(75% .25 180);--color-info-subtle: oklch(20% .08 180);--color-info-text: oklch(80% .2 180);--_cyber-glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--_cyber-glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--_cyber-glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-adjust: .5;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-s: 0 2px 8px oklch(0% 0 0 / .4);--shadow-m: 0 4px 16px oklch(0% 0 0 / .5);--shadow-l: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1;--page-bg-gradient: linear-gradient( 135deg, oklch(8% .04 280) 0%, oklch(12% .02 280) 40%, oklch(10% .06 200) 100% );--control-border: oklch(75% .25 180);--control-checked-bg: oklch(75% .25 180);--control-checked-border: oklch(75% .25 180);--input-bg: oklch(10% .02 280);--input-border: oklch(40% .06 280);--input-border-focus: oklch(75% .25 180);--range-track-bg: oklch(25% .04 280);--range-track-fill: oklch(75% .25 180);--range-thumb-bg: oklch(12% .02 280);--range-thumb-border: oklch(75% .25 180);--progress-track-bg: oklch(20% .03 280);--progress-fill: oklch(75% .25 180)}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--_cyber-glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding-inline:var(--size-s);--btn-border-width: 1px;border-color:var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(from var(--color-primary) l c h / .2);transition:all .2s;&:hover{box-shadow:var(--_cyber-glow-cyan),inset 0 0 20px oklch(from var(--color-primary) l c h / .3)}}.card{position:relative;border:2px solid var(--color-border);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--_cyber-glow-cyan)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:var(--color-surface-raised);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);padding:1rem 1.5rem;font-style:normal;&:before{content:'"' / "";color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--_cyber-glow-magenta)}}& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: oklch(80% .15 145);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-hover-bg: var(--color-surface-raised);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}--shape-depth: 10%;--shape-bevel: 24px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}[data-badge]{background:var(--color-primary);color:#000503;box-shadow:var(--_cyber-glow-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs, .75rem)}[data-callout=notched]{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--_cyber-glow-cyan)}[data-callout=speech]{background:var(--color-surface);border:1px solid var(--color-accent)}[data-bubble=outgoing]{background:var(--color-primary);color:#000503}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-surface))}[data-morph]{animation-timing-function:steps(8)}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(47% .22 180);--color-primary-hover: oklch(42% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--color-success: oklch(48% .18 145);--color-success-subtle: oklch(94% .05 145);--color-success-text: oklch(32% .12 145);--color-warning: oklch(55% .16 70);--color-warning-subtle: oklch(94% .06 70);--color-warning-text: oklch(38% .12 70);--color-error: oklch(48% .22 15);--color-error-subtle: oklch(94% .05 15);--color-error-text: oklch(35% .15 15);--color-info: oklch(50% .22 180);--color-info-subtle: oklch(94% .05 180);--color-info-text: oklch(35% .15 180);--input-bg: oklch(96% .015 250);--input-border: oklch(85% .02 250);--input-border-focus: oklch(50% .22 180);--_cyber-glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--_cyber-glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--_cyber-glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-s: 0 2px 8px oklch(0% 0 0 / .1);--shadow-m: 0 4px 16px oklch(0% 0 0 / .12);--shadow-l: 0 8px 32px oklch(0% 0 0 / .15);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .18);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .22);--page-bg-gradient: none}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{:is(main,article){& input,textarea{background:var(--color-surface);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:var(--color-text-subtle);font-style:italic}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:oklch(35% .15 145)}}& code{background:var(--color-surface-alt);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);&:before{color:var(--color-accent)}}.card{background:var(--color-surface);border:2px solid var(--color-border)}}:is(main,article) code-block{--cb-bg: var(--color-surface-alt);--cb-code-bg: var(--color-surface-alt);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(35% .15 145);--cb-comment: var(--color-text-subtle);--cb-function: oklch(45% .2 290);--cb-number: oklch(45% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(45% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}--control-border: oklch(70% .04 250);--control-checked-bg: oklch(50% .22 180);--control-checked-border: oklch(50% .22 180);--range-track-bg: oklch(88% .02 250);--range-track-fill: oklch(50% .22 180);--range-thumb-bg: oklch(98% .01 250);--range-thumb-border: oklch(50% .22 180);--progress-track-bg: oklch(88% .02 250);--progress-fill: oklch(50% .22 180)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}}
 /*# sourceMappingURL=cyber.css.map */