vanilla-breeze 0.3.0 → 0.4.0

package/dist/cdn/themes/kawaii.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=kawaii],[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--caret-color: var(--color-primary);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-color-lavender: oklch(55% .12 290);--_kawaii-color-peach: oklch(55% .12 60);--_kawaii-color-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-success: oklch(55% .14 160);--color-success-subtle: oklch(95% .04 160);--color-success-text: oklch(35% .1 160);--color-warning: oklch(65% .12 75);--color-warning-subtle: oklch(95% .05 75);--color-warning-text: oklch(40% .1 75);--color-error: oklch(55% .16 10);--color-error-subtle: oklch(95% .04 10);--color-error-text: oklch(38% .12 10);--color-info: oklch(52% .1 250);--color-info-subtle: oklch(95% .04 250);--color-info-text: oklch(35% .08 250);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme~=kawaii],[data-theme~=kawaii]{@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}:is(main,article){& hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem;&:before{content:"\2661  \2726  \2661  \2726  \2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:sparkle 2s ease-in-out infinite}}& h1,h2,h3{position:relative}& h1{color:var(--color-primary);&:before{content:"\273f  "}&:after{content:" \273f"}}& h2{color:var(--_kawaii-color-lavender);&:before{content:"\2605  ";animation:sparkle 1.5s ease-in-out infinite}}& h3{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:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s var(--ease-bounce)}&:hover{&:after{transform:scaleX(1)}}}.button,button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));border:none;color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);&:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}&:active{transform:translateY(0) scale(.98)}}.card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);position:relative;overflow:visible;transition:all .3s var(--ease-default);&:before{content:"\2661";position:absolute;top:-.75rem;right:1rem;background:var(--color-primary);color:var(--color-surface-raised);width:1.5rem;height:1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}&:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-lg)}}& input,textarea{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface-raised);padding:.75rem 1.25rem;transition:all .3s var(--ease-default);&:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}& select:not([multiple])::picker(select){background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-l)}& select:not([multiple]) option{border-radius:var(--radius-m)}& select:not([multiple]) option:hover{background:var(--color-primary-subtle)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{color:var(--color-accent)}}& blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;&:before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}}& code{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:linear-gradient(135deg,#d3f8ef,oklch(95% .04 220));border-radius:var(--radius-l);border:2px solid var(--color-accent)}& table{border-collapse:separate;border-spacing:0;overflow:hidden}& table :is(th,td){border-block-end:1px solid var(--color-border-muted)}& table tbody tr:last-child td{border-block-end:none}& details{overflow:hidden}}& article{:not(nav)>ul:not([class]){list-style:none;>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}}:not(nav)>ol:not([class]){list-style:none;counter-reset:kawaii;>li{counter-increment:kawaii;&:before{content:counter(kawaii) "\2661";color:var(--_kawaii-color-lavender);margin-inline-end:.5rem;font-weight:700}}}}& section{border-radius:var(--radius-l);border-color:var(--color-border-muted)}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: var(--_kawaii-color-lavender);--cb-function: var(--color-accent);--cb-number: var(--_kawaii-color-sky);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-header-bg: var(--color-surface)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--shape-depth: 8%;--shape-bevel: 16px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent))}[data-badge]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-sm)}[data-callout=speech]{background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290))}[data-callout=notched]{background:var(--color-accent-subtle)}[data-callout=tip]{border-inline-start-color:var(--_kawaii-color-lavender);background:oklch(97% .02 290)}[data-bubble=outgoing]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised)}[data-bubble=incoming]{background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}[data-bubble=assistant]{background:linear-gradient(135deg,var(--color-accent-subtle),oklch(95% .03 220))}[data-bubble=system]{background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border-color:transparent}[data-morph]{animation-timing-function:var(--ease-bounce)}& calendar-wc{--cal-banner-height: 3rem;--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(88% .06 290));--cal-header-bg: oklch(96% .03 350);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(97% .015 350);--cal-disabled-opacity: .7;--cal-outside-opacity: .4;--cal-outside-color: oklch(55% .06 350);--cal-today-bg: oklch(95% .04 350);--cal-today-border: oklch(65% .15 350);--cal-today-shadow: 0 0 8px oklch(75% .12 350 / .4);--cal-watermark-opacity: .08;--cal-watermark-color: oklch(55% .1 350);--cal-highlight-bg: oklch(94% .04 350);--cal-highlight-border: oklch(82% .08 350)}& calendar-wc[data-month="1"],calendar-wc[data-month="2"],calendar-wc[data-month="12"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .04 220), oklch(92% .03 250))}& calendar-wc[data-month="3"],calendar-wc[data-month="4"],calendar-wc[data-month="5"]{--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(90% .06 160))}& calendar-wc[data-month="6"],calendar-wc[data-month="7"],calendar-wc[data-month="8"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .06 180), oklch(90% .05 220))}& calendar-wc[data-month="9"],calendar-wc[data-month="10"],calendar-wc[data-month="11"]{--cal-banner-bg: linear-gradient(135deg, oklch(87% .06 60), oklch(90% .05 290))}& calendar-wc td button[data-highlight=holiday]:after{content:"\2661";display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#d67ea9;opacity:.3;background-image:none}}:root[data-theme~=kawaii][data-mode=dark],[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-hover-bg: oklch(25% .06 350);--color-hover-text: oklch(80% .15 350);--color-surface-overlay: oklch(22% .05 290);--color-primary: oklch(75% .18 350);--color-primary-hover: oklch(80% .2 350);--color-primary-subtle: oklch(28% .08 350);--color-accent: oklch(75% .15 180);--color-accent-hover: oklch(80% .17 180);--color-accent-subtle: oklch(25% .06 180);--_kawaii-color-lavender: oklch(75% .12 290);--_kawaii-color-peach: oklch(75% .12 60);--_kawaii-color-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290);--color-success: oklch(72% .14 160);--color-success-subtle: oklch(25% .06 160);--color-success-text: oklch(78% .12 160);--color-warning: oklch(78% .12 75);--color-warning-subtle: oklch(25% .06 75);--color-warning-text: oklch(82% .1 75);--color-error: oklch(72% .16 10);--color-error-subtle: oklch(25% .06 10);--color-error-text: oklch(78% .14 10);--color-info: oklch(70% .1 250);--color-info-subtle: oklch(25% .05 250);--color-info-text: oklch(76% .08 250);--input-bg: oklch(18% .04 290);--input-border: oklch(35% .05 290);--input-border-focus: oklch(75% .18 350);--control-border: oklch(50% .08 290);--control-checked-bg: oklch(75% .18 350);--control-checked-border: oklch(75% .18 350);--range-track-bg: oklch(28% .04 290);--range-track-fill: oklch(75% .18 350);--range-thumb-bg: oklch(25% .04 290);--range-thumb-border: oklch(75% .18 350);--progress-track-bg: oklch(25% .04 290);--progress-fill: oklch(75% .18 350);--color-text-subtle: oklch(65% .02 350);--color-surface-sunken: oklch(15% .04 290);--color-border-strong: oklch(55% .1 350);--color-border-muted: oklch(28% .04 290);--shadow-xs: 0 2px 4px oklch(20% .08 290 / .3);--shadow-sm: 0 4px 8px oklch(20% .08 290 / .35);--shadow-md: 0 6px 16px oklch(20% .08 290 / .4);--shadow-lg: 0 10px 24px oklch(20% .08 290 / .45);--shadow-xl: 0 16px 32px oklch(20% .08 290 / .5);--shadow-2xl: 0 24px 48px oklch(20% .08 290 / .55);--scrollbar-thumb: oklch(45% .06 290);--scrollbar-track: oklch(22% .04 290);& calendar-wc{--cal-banner-bg: linear-gradient(135deg, oklch(28% .06 350), oklch(25% .05 290));--cal-header-bg: oklch(22% .04 290);--cal-week-bg-alt: oklch(20% .03 290);--cal-today-bg: oklch(25% .06 350);--cal-today-border: oklch(50% .12 350);--cal-today-shadow: 0 0 8px oklch(45% .12 350 / .35);--cal-watermark-color: oklch(75% .08 350);--cal-outside-color: oklch(55% .04 290)}}
+@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~=kawaii],[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--caret-color: var(--color-primary);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-color-lavender: oklch(55% .12 290);--_kawaii-color-peach: oklch(55% .12 60);--_kawaii-color-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-success: oklch(55% .14 160);--color-success-subtle: oklch(95% .04 160);--color-success-text: oklch(35% .1 160);--color-warning: oklch(65% .12 75);--color-warning-subtle: oklch(95% .05 75);--color-warning-text: oklch(40% .1 75);--color-error: oklch(55% .16 10);--color-error-subtle: oklch(95% .04 10);--color-error-text: oklch(38% .12 10);--color-info: oklch(52% .1 250);--color-info-subtle: oklch(95% .04 250);--color-info-text: oklch(35% .08 250);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-s: 0 4px 8px oklch(75% .15 350 / .2);--shadow-m: 0 6px 16px oklch(75% .15 350 / .25);--shadow-l: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme~=kawaii],[data-theme~=kawaii]{@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}:is(main,article){& hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem;&:before{content:"\2661  \2726  \2661  \2726  \2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:sparkle 2s ease-in-out infinite}}& h1,h2,h3{position:relative}& h1{color:var(--color-primary);&:before{content:"\273f  "}&:after{content:" \273f"}}& h2{color:var(--_kawaii-color-lavender);&:before{content:"\2605  ";animation:sparkle 1.5s ease-in-out infinite}}& h3{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:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s var(--ease-bounce)}&:hover{&:after{transform:scaleX(1)}}}.button,button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));border:none;color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-m);transition:all .3s var(--ease-bounce);&:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-l)}&:active{transform:translateY(0) scale(.98)}}.card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-m);position:relative;overflow:visible;transition:all .3s var(--ease-default);&:before{content:"\2661";position:absolute;top:-.75rem;right:1rem;background:var(--color-primary);color:var(--color-surface-raised);width:1.5rem;height:1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}&:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-l)}}& input,textarea{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface-raised);padding:.75rem 1.25rem;transition:all .3s var(--ease-default);&:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}& select:not([multiple])::picker(select){background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-l)}& select:not([multiple]) option{border-radius:var(--radius-m)}& select:not([multiple]) option:hover{background:var(--color-primary-subtle)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{color:var(--color-accent)}}& blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;&:before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}}& code{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:linear-gradient(135deg,#d3f8ef,oklch(95% .04 220));border-radius:var(--radius-l);border:2px solid var(--color-accent)}& table{border-collapse:separate;border-spacing:0;overflow:hidden}& table :is(th,td){border-block-end:1px solid var(--color-border-muted)}& table tbody tr:last-child td{border-block-end:none}& details{overflow:hidden}}& article{:not(nav)>ul:not([class]){list-style:none;>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}}:not(nav)>ol:not([class]){list-style:none;counter-reset:kawaii;>li{counter-increment:kawaii;&:before{content:counter(kawaii) "\2661";color:var(--_kawaii-color-lavender);margin-inline-end:.5rem;font-weight:700}}}}& section{border-radius:var(--radius-l);border-color:var(--color-border-muted)}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: var(--_kawaii-color-lavender);--cb-function: var(--color-accent);--cb-number: var(--_kawaii-color-sky);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-header-bg: var(--color-surface)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--shape-depth: 8%;--shape-bevel: 16px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent))}[data-badge]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-s)}[data-callout=speech]{background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290))}[data-callout=notched]{background:var(--color-accent-subtle)}[data-callout=tip]{border-inline-start-color:var(--_kawaii-color-lavender);background:oklch(97% .02 290)}[data-bubble=outgoing]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised)}[data-bubble=incoming]{background:var(--color-surface-raised);box-shadow:var(--shadow-s)}[data-bubble=assistant]{background:linear-gradient(135deg,var(--color-accent-subtle),oklch(95% .03 220))}[data-bubble=system]{background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border-color:transparent}[data-morph]{animation-timing-function:var(--ease-bounce)}& calendar-wc{--cal-banner-height: 3rem;--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(88% .06 290));--cal-header-bg: oklch(96% .03 350);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(97% .015 350);--cal-disabled-opacity: .7;--cal-outside-opacity: .4;--cal-outside-color: oklch(55% .06 350);--cal-today-bg: oklch(95% .04 350);--cal-today-border: oklch(65% .15 350);--cal-today-shadow: 0 0 8px oklch(75% .12 350 / .4);--cal-watermark-opacity: .08;--cal-watermark-color: oklch(55% .1 350);--cal-highlight-bg: oklch(94% .04 350);--cal-highlight-border: oklch(82% .08 350)}& calendar-wc[data-month="1"],calendar-wc[data-month="2"],calendar-wc[data-month="12"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .04 220), oklch(92% .03 250))}& calendar-wc[data-month="3"],calendar-wc[data-month="4"],calendar-wc[data-month="5"]{--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(90% .06 160))}& calendar-wc[data-month="6"],calendar-wc[data-month="7"],calendar-wc[data-month="8"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .06 180), oklch(90% .05 220))}& calendar-wc[data-month="9"],calendar-wc[data-month="10"],calendar-wc[data-month="11"]{--cal-banner-bg: linear-gradient(135deg, oklch(87% .06 60), oklch(90% .05 290))}& calendar-wc td button[data-highlight=holiday]:after{content:"\2661";display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#d67ea9;opacity:.3;background-image:none}}:root[data-theme~=kawaii][data-mode=dark],[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-hover-bg: oklch(25% .06 350);--color-hover-text: oklch(80% .15 350);--color-surface-overlay: oklch(22% .05 290);--color-primary: oklch(75% .18 350);--color-primary-hover: oklch(80% .2 350);--color-primary-subtle: oklch(28% .08 350);--color-accent: oklch(75% .15 180);--color-accent-hover: oklch(80% .17 180);--color-accent-subtle: oklch(25% .06 180);--_kawaii-color-lavender: oklch(75% .12 290);--_kawaii-color-peach: oklch(75% .12 60);--_kawaii-color-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290);--color-success: oklch(72% .14 160);--color-success-subtle: oklch(25% .06 160);--color-success-text: oklch(78% .12 160);--color-warning: oklch(78% .12 75);--color-warning-subtle: oklch(25% .06 75);--color-warning-text: oklch(82% .1 75);--color-error: oklch(72% .16 10);--color-error-subtle: oklch(25% .06 10);--color-error-text: oklch(78% .14 10);--color-info: oklch(70% .1 250);--color-info-subtle: oklch(25% .05 250);--color-info-text: oklch(76% .08 250);--input-bg: oklch(18% .04 290);--input-border: oklch(35% .05 290);--input-border-focus: oklch(75% .18 350);--control-border: oklch(50% .08 290);--control-checked-bg: oklch(75% .18 350);--control-checked-border: oklch(75% .18 350);--range-track-bg: oklch(28% .04 290);--range-track-fill: oklch(75% .18 350);--range-thumb-bg: oklch(25% .04 290);--range-thumb-border: oklch(75% .18 350);--progress-track-bg: oklch(25% .04 290);--progress-fill: oklch(75% .18 350);--color-text-subtle: oklch(65% .02 350);--color-surface-sunken: oklch(15% .04 290);--color-border-strong: oklch(55% .1 350);--color-border-muted: oklch(28% .04 290);--shadow-xs: 0 2px 4px oklch(20% .08 290 / .3);--shadow-s: 0 4px 8px oklch(20% .08 290 / .35);--shadow-m: 0 6px 16px oklch(20% .08 290 / .4);--shadow-l: 0 10px 24px oklch(20% .08 290 / .45);--shadow-xl: 0 16px 32px oklch(20% .08 290 / .5);--shadow-2xl: 0 24px 48px oklch(20% .08 290 / .55);--scrollbar-thumb: oklch(45% .06 290);--scrollbar-track: oklch(22% .04 290);& calendar-wc{--cal-banner-bg: linear-gradient(135deg, oklch(28% .06 350), oklch(25% .05 290));--cal-header-bg: oklch(22% .04 290);--cal-week-bg-alt: oklch(20% .03 290);--cal-today-bg: oklch(25% .06 350);--cal-today-border: oklch(50% .12 350);--cal-today-shadow: 0 0 8px oklch(45% .12 350 / .35);--cal-watermark-color: oklch(75% .08 350);--cal-outside-color: oklch(55% .04 290)}}}
 /*# sourceMappingURL=kawaii.css.map */

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

@@ -432,7 +432,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -458,7 +458,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -484,7 +484,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -628,7 +628,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--caret-color",

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

@@ -333,7 +333,7 @@
   },
   "effect": {
     "shadow": {
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -359,7 +359,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -410,7 +410,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -466,7 +466,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--_mg-overlay",
         "--_mg-primary-strong",

package/dist/cdn/themes/magna.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300..700&family=Orbitron:wght@400..900&family=Share+Tech+Mono&display=swap";:root[data-theme~=magna],[data-theme~=magna]{color-scheme:light dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(95% .005 255);--color-surface: oklch(97% .004 255);--color-surface-raised: oklch(99% .003 255);--color-surface-sunken: oklch(92% .008 255);--color-surface-alt: oklch(93% .006 255);--_mg-overlay: oklch(95% .005 255 / .85);--color-text: oklch(18% .02 255);--color-text-muted: oklch(40% .03 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .22 55);--color-primary-subtle: oklch(95% .04 55);--_mg-primary-strong: oklch(50% .24 55);--color-on-primary: oklch(98% .01 55);--color-secondary: oklch(42% .22 268);--color-secondary-subtle: oklch(95% .04 268);--color-accent: oklch(45% .16 200);--color-accent-subtle: oklch(95% .04 200);--color-error: oklch(50% .22 25);--color-error-subtle: oklch(95% .04 25);--color-error-text: oklch(40% .16 25);--color-warning: oklch(55% .18 60);--color-warning-subtle: oklch(95% .04 60);--color-warning-text: oklch(40% .14 60);--color-success: oklch(45% .2 152);--color-success-subtle: oklch(95% .04 152);--color-success-text: oklch(35% .14 152);--color-info: oklch(48% .14 200);--color-info-subtle: oklch(95% .03 200);--color-info-text: oklch(38% .12 200);--color-border: oklch(82% .01 255);--color-border-strong: oklch(60% .04 255);--color-border-muted: oklch(88% .008 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .1);--shadow-md: 0 4px 12px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(70% .01 255);--scrollbar-track: oklch(92% .005 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(78% .01 255);--_mg-chrome-hi: oklch(98% .005 255);--_mg-chrome-lo: oklch(55% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .4), inset 0 -2px 0 oklch(0% 0 0 / .15), inset 2px 0 0 oklch(100% 0 0 / .25), inset -2px 0 0 oklch(0% 0 0 / .1), 0 4px 12px oklch(0% 0 0 / .12)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}:root[data-theme~=magna][data-mode=dark],[data-theme~=magna][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--color-surface-alt: oklch(12% .03 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--color-border-muted: oklch(20% .03 255);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow-md: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}
+@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300..700&family=Orbitron:wght@400..900&family=Share+Tech+Mono&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=magna],[data-theme~=magna]{color-scheme:light dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(95% .005 255);--color-surface: oklch(97% .004 255);--color-surface-raised: oklch(99% .003 255);--color-surface-sunken: oklch(92% .008 255);--color-surface-alt: oklch(93% .006 255);--_mg-overlay: oklch(95% .005 255 / .85);--color-text: oklch(18% .02 255);--color-text-muted: oklch(40% .03 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .22 55);--color-primary-subtle: oklch(95% .04 55);--_mg-primary-strong: oklch(50% .24 55);--color-on-primary: oklch(98% .01 55);--color-secondary: oklch(42% .22 268);--color-secondary-subtle: oklch(95% .04 268);--color-accent: oklch(45% .16 200);--color-accent-subtle: oklch(95% .04 200);--color-error: oklch(50% .22 25);--color-error-subtle: oklch(95% .04 25);--color-error-text: oklch(40% .16 25);--color-warning: oklch(55% .18 60);--color-warning-subtle: oklch(95% .04 60);--color-warning-text: oklch(40% .14 60);--color-success: oklch(45% .2 152);--color-success-subtle: oklch(95% .04 152);--color-success-text: oklch(35% .14 152);--color-info: oklch(48% .14 200);--color-info-subtle: oklch(95% .03 200);--color-info-text: oklch(38% .12 200);--color-border: oklch(82% .01 255);--color-border-strong: oklch(60% .04 255);--color-border-muted: oklch(88% .008 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-s: 0 1px 3px oklch(0% 0 0 / .1);--shadow-m: 0 4px 12px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-l: 0 8px 32px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(70% .01 255);--scrollbar-track: oklch(92% .005 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(78% .01 255);--_mg-chrome-hi: oklch(98% .005 255);--_mg-chrome-lo: oklch(55% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .4), inset 0 -2px 0 oklch(0% 0 0 / .15), inset 2px 0 0 oklch(100% 0 0 / .25), inset -2px 0 0 oklch(0% 0 0 / .1), 0 4px 12px oklch(0% 0 0 / .12)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}:root[data-theme~=magna][data-mode=dark],[data-theme~=magna][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--color-surface-alt: oklch(12% .03 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--color-border-muted: oklch(20% .03 255);--shadow-s: 0 1px 3px oklch(0% 0 0 / .5);--shadow-m: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-l: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}}
 /*# sourceMappingURL=magna.css.map */

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

@@ -454,7 +454,7 @@
   },
   "effect": {
     "shadow": {
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -480,7 +480,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -531,7 +531,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -587,7 +587,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "seedDerivation": true,
       "unmapped": [
         "--theme-border-style",

package/dist/cdn/themes/manifest.json

@@ -1,322 +1,322 @@
 {
   "anthropic": {
     "file": "anthropic.css",
-    "size": 1736,
+    "size": 1881,
     "tier": "showcase",
     "dtcg": "anthropic.tokens.json"
   },
   "classic": {
     "file": "classic.css",
-    "size": 3185,
+    "size": 3327,
     "tier": "core",
     "dtcg": "classic.tokens.json",
     "dtcgDark": "classic-dark.tokens.json"
   },
   "ibm": {
     "file": "ibm.css",
-    "size": 2227,
+    "size": 2370,
     "tier": "showcase",
     "dtcg": "ibm.tokens.json"
   },
   "mcdonalds": {
     "file": "mcdonalds.css",
-    "size": 1847,
+    "size": 1992,
     "tier": "showcase",
     "dtcg": "mcdonalds.tokens.json"
   },
   "minimal": {
     "file": "minimal.css",
-    "size": 2188,
+    "size": 2330,
     "tier": "core",
     "dtcg": "minimal.tokens.json",
     "dtcgDark": "minimal-dark.tokens.json"
   },
   "modern": {
     "file": "modern.css",
-    "size": 2862,
+    "size": 3004,
     "tier": "core",
     "dtcg": "modern.tokens.json",
     "dtcgDark": "modern-dark.tokens.json"
   },
   "starbucks": {
     "file": "starbucks.css",
-    "size": 1935,
+    "size": 2080,
     "tier": "showcase",
     "dtcg": "starbucks.tokens.json"
   },
   "8bit": {
     "file": "8bit.css",
-    "size": 12749,
+    "size": 12886,
     "tier": "showcase",
     "dtcg": "8bit.tokens.json"
   },
   "alpha1999": {
     "file": "alpha1999.css",
-    "size": 9349,
+    "size": 9491,
     "tier": "showcase",
     "dtcg": "alpha1999.tokens.json",
     "dtcgDark": "alpha1999-dark.tokens.json"
   },
   "art-deco": {
     "file": "art-deco.css",
-    "size": 5685,
+    "size": 5827,
     "tier": "showcase",
     "dtcg": "art-deco.tokens.json",
     "dtcgDark": "art-deco-dark.tokens.json"
   },
   "bauhaus": {
     "file": "bauhaus.css",
-    "size": 7492,
+    "size": 7637,
     "tier": "showcase",
     "dtcg": "bauhaus.tokens.json",
     "dtcgDark": "bauhaus-dark.tokens.json"
   },
   "brutalist": {
     "file": "brutalist.css",
-    "size": 8517,
+    "size": 8653,
     "tier": "showcase",
     "dtcg": "brutalist.tokens.json",
     "dtcgDark": "brutalist-dark.tokens.json"
   },
   "catppuccin-frappe": {
     "file": "catppuccin-frappe.css",
-    "size": 4350,
+    "size": 4492,
     "tier": "community",
     "dtcg": "catppuccin-frappe.tokens.json"
   },
   "catppuccin-latte": {
     "file": "catppuccin-latte.css",
-    "size": 4472,
+    "size": 4614,
     "tier": "community",
     "dtcg": "catppuccin-latte.tokens.json",
     "dtcgDark": "catppuccin-latte-dark.tokens.json"
   },
   "catppuccin-macchiato": {
     "file": "catppuccin-macchiato.css",
-    "size": 4370,
+    "size": 4512,
     "tier": "community",
     "dtcg": "catppuccin-macchiato.tokens.json"
   },
   "catppuccin-mocha": {
     "file": "catppuccin-mocha.css",
-    "size": 4269,
+    "size": 4411,
     "tier": "community",
     "dtcg": "catppuccin-mocha.tokens.json"
   },
   "claymorphism": {
     "file": "claymorphism.css",
-    "size": 9073,
+    "size": 9211,
     "tier": "showcase",
     "dtcg": "claymorphism.tokens.json",
     "dtcgDark": "claymorphism-dark.tokens.json"
   },
   "clinical": {
     "file": "clinical.css",
-    "size": 4364,
+    "size": 4506,
     "tier": "community",
     "dtcg": "clinical.tokens.json",
     "dtcgDark": "clinical-dark.tokens.json"
   },
   "cottagecore": {
     "file": "cottagecore.css",
-    "size": 6497,
+    "size": 6635,
     "tier": "community",
     "dtcg": "cottagecore.tokens.json",
     "dtcgDark": "cottagecore-dark.tokens.json"
   },
   "cyber": {
     "file": "cyber.css",
-    "size": 10496,
+    "size": 10593,
     "tier": "showcase",
     "dtcg": "cyber.tokens.json"
   },
   "dawn": {
     "file": "dawn.css",
-    "size": 4407,
+    "size": 4549,
     "tier": "community",
     "dtcg": "dawn.tokens.json",
     "dtcgDark": "dawn-dark.tokens.json"
   },
   "dracula": {
     "file": "dracula.css",
-    "size": 4213,
+    "size": 4355,
     "tier": "community",
     "dtcg": "dracula.tokens.json"
   },
   "dusk": {
     "file": "dusk.css",
-    "size": 4062,
+    "size": 4204,
     "tier": "community",
     "dtcg": "dusk.tokens.json"
   },
   "editorial": {
     "file": "editorial.css",
-    "size": 7802,
+    "size": 7945,
     "tier": "showcase",
     "dtcg": "editorial.tokens.json",
     "dtcgDark": "editorial-dark.tokens.json"
   },
   "financial": {
     "file": "financial.css",
-    "size": 4433,
+    "size": 4575,
     "tier": "community",
     "dtcg": "financial.tokens.json",
     "dtcgDark": "financial-dark.tokens.json"
   },
   "genai": {
     "file": "genai.css",
-    "size": 6327,
+    "size": 6469,
     "tier": "showcase",
     "dtcg": "genai.tokens.json"
   },
   "glassmorphism": {
     "file": "glassmorphism.css",
-    "size": 10967,
+    "size": 11109,
     "tier": "showcase",
     "dtcg": "glassmorphism.tokens.json",
     "dtcgDark": "glassmorphism-dark.tokens.json"
   },
   "government": {
     "file": "government.css",
-    "size": 4448,
+    "size": 4590,
     "tier": "community",
     "dtcg": "government.tokens.json",
     "dtcgDark": "government-dark.tokens.json"
   },
   "gruvbox": {
     "file": "gruvbox.css",
-    "size": 4264,
+    "size": 4406,
     "tier": "community",
     "dtcg": "gruvbox.tokens.json",
     "dtcgDark": "gruvbox-dark.tokens.json"
   },
   "high-noon": {
     "file": "high-noon.css",
-    "size": 4097,
+    "size": 4239,
     "tier": "community",
     "dtcg": "high-noon.tokens.json",
     "dtcgDark": "high-noon-dark.tokens.json"
   },
   "journal": {
     "file": "journal.css",
-    "size": 5410,
+    "size": 5549,
     "tier": "showcase",
     "dtcg": "journal.tokens.json",
     "dtcgDark": "journal-dark.tokens.json"
   },
   "kawaii": {
     "file": "kawaii.css",
-    "size": 12484,
+    "size": 12620,
     "tier": "community",
     "dtcg": "kawaii.tokens.json",
     "dtcgDark": "kawaii-dark.tokens.json"
   },
   "magna": {
     "file": "magna.css",
-    "size": 7579,
+    "size": 7721,
     "tier": "community",
     "dtcg": "magna.tokens.json",
     "dtcgDark": "magna-dark.tokens.json"
   },
   "midnight": {
     "file": "midnight.css",
-    "size": 4224,
+    "size": 4366,
     "tier": "community",
     "dtcg": "midnight.tokens.json"
   },
   "nes": {
     "file": "nes.css",
-    "size": 14755,
+    "size": 14885,
     "tier": "showcase",
     "dtcg": "nes.tokens.json",
     "dtcgDark": "nes-dark.tokens.json"
   },
   "neumorphism": {
     "file": "neumorphism.css",
-    "size": 18591,
+    "size": 18712,
     "tier": "showcase",
     "dtcg": "neumorphism.tokens.json",
     "dtcgDark": "neumorphism-dark.tokens.json"
   },
   "nord": {
     "file": "nord.css",
-    "size": 5270,
+    "size": 5412,
     "tier": "community",
     "dtcg": "nord.tokens.json",
     "dtcgDark": "nord-dark.tokens.json"
   },
   "organic": {
     "file": "organic.css",
-    "size": 7548,
+    "size": 7690,
     "tier": "showcase",
     "dtcg": "organic.tokens.json",
     "dtcgDark": "organic-dark.tokens.json"
   },
   "rose-pine": {
     "file": "rose-pine.css",
-    "size": 4344,
+    "size": 4486,
     "tier": "community",
     "dtcg": "rose-pine.tokens.json",
     "dtcgDark": "rose-pine-dark.tokens.json"
   },
   "rough": {
     "file": "rough.css",
-    "size": 11682,
+    "size": 11774,
     "tier": "showcase",
     "dtcg": "rough.tokens.json",
     "dtcgDark": "rough-dark.tokens.json"
   },
   "solarized": {
     "file": "solarized.css",
-    "size": 3994,
+    "size": 4136,
     "tier": "community",
     "dtcg": "solarized.tokens.json",
     "dtcgDark": "solarized-dark.tokens.json"
   },
   "startup": {
     "file": "startup.css",
-    "size": 5103,
+    "size": 5245,
     "tier": "showcase",
     "dtcg": "startup.tokens.json",
     "dtcgDark": "startup-dark.tokens.json"
   },
   "super2026": {
     "file": "super2026.css",
-    "size": 16601,
+    "size": 16741,
     "tier": "showcase",
     "dtcg": "super2026.tokens.json",
     "dtcgDark": "super2026-dark.tokens.json"
   },
   "swiss": {
     "file": "swiss.css",
-    "size": 6397,
+    "size": 6542,
     "tier": "showcase",
     "dtcg": "swiss.tokens.json",
     "dtcgDark": "swiss-dark.tokens.json"
   },
   "terminal": {
     "file": "terminal.css",
-    "size": 9811,
+    "size": 9953,
     "tier": "community",
     "dtcg": "terminal.tokens.json"
   },
   "tokyo-night": {
     "file": "tokyo-night.css",
-    "size": 4320,
+    "size": 4462,
     "tier": "community",
     "dtcg": "tokyo-night.tokens.json",
     "dtcgDark": "tokyo-night-dark.tokens.json"
   },
   "vaporwave": {
     "file": "vaporwave.css",
-    "size": 8040,
+    "size": 8182,
     "tier": "showcase",
     "dtcg": "vaporwave.tokens.json",
     "dtcgDark": "vaporwave-dark.tokens.json"
   },
   "win9x": {
     "file": "win9x.css",
-    "size": 17176,
+    "size": 17296,
     "tier": "showcase",
     "dtcg": "win9x.tokens.json",
     "dtcgDark": "win9x-dark.tokens.json"

package/dist/cdn/themes/mcdonalds.css

@@ -1,2 +1,2 @@
-:root[data-theme~=mcdonalds],[data-theme~=mcdonalds]{--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-raised: #F5F5F5;--color-surface-sunken: #EEEEEE;--color-border: #DDDDDD;--color-border-strong: #BBBBBB;--color-border-subtle: #EEEEEE;--color-text: #292929;--color-text-muted: #767676;--color-text-subtle: #999999;--color-text-on-primary: #FFFFFF;--color-primary: #DB0007;--color-primary-hover: #B50006;--color-primary-active: #900005;--color-primary-subtle: #FFF0EF;--color-secondary: #FFBC0D;--color-secondary-hover: #D9A00B;--color-accent: #FFBC0D;--color-accent-hover: #D9A00B;--color-interactive: #DB0007;--color-interactive-hover: #B50006;--color-focus-ring: #DB0007;--color-border-focus: #DB0007;--color-error: #DB0007;--color-success: #1B7D2C;--color-warning: #FFBC0D;--color-info: #0066CC;--font-sans: "Arial", "Helvetica Neue", Helvetica, sans-serif;--font-heading: "Arial", "Helvetica Neue", sans-serif;--font-body: "Arial", "Helvetica Neue", sans-serif;--font-display: "Arial", "Helvetica Neue", sans-serif;--font-weight-semibold: 700;--font-weight-bold: 700;--letter-spacing-tight: 0;--line-height-normal: 1.5;--radius-xs: 1px;--radius-s: 2px;--radius-m: 2px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--focus-ring-width: 2px;--focus-ring-offset: 0px;--header-bg: #FFBC0D;--btn-text-transform: uppercase;--btn-letter-spacing: .05em;--btn-font-weight: 700;--brand-mark-height: 2.5rem}:root[data-theme~=mcdonalds] header.site{--_link-color: #292929;border-block-end-color:#d9a00b}:root[data-theme~=mcdonalds] nav.pills [aria-current=page],:root[data-theme~=mcdonalds] nav.pills a:where([aria-current=page]){background:#db0007;color:#fff}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=mcdonalds],[data-theme~=mcdonalds]{--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-raised: #F5F5F5;--color-surface-sunken: #EEEEEE;--color-border: #DDDDDD;--color-border-strong: #BBBBBB;--color-border-subtle: #EEEEEE;--color-text: #292929;--color-text-muted: #767676;--color-text-subtle: #999999;--color-text-on-primary: #FFFFFF;--color-primary: #DB0007;--color-primary-hover: #B50006;--color-primary-active: #900005;--color-primary-subtle: #FFF0EF;--color-secondary: #FFBC0D;--color-secondary-hover: #D9A00B;--color-accent: #FFBC0D;--color-accent-hover: #D9A00B;--color-interactive: #DB0007;--color-interactive-hover: #B50006;--color-focus-ring: #DB0007;--color-border-focus: #DB0007;--color-error: #DB0007;--color-success: #1B7D2C;--color-warning: #FFBC0D;--color-info: #0066CC;--font-sans: "Arial", "Helvetica Neue", Helvetica, sans-serif;--font-heading: "Arial", "Helvetica Neue", sans-serif;--font-body: "Arial", "Helvetica Neue", sans-serif;--font-display: "Arial", "Helvetica Neue", sans-serif;--font-weight-semibold: 700;--font-weight-bold: 700;--letter-spacing-tight: 0;--line-height-normal: 1.5;--radius-xs: 1px;--radius-s: 2px;--radius-m: 2px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-s: 0 1px 2px rgba(0, 0, 0, .08);--shadow-m: 0 2px 8px rgba(0, 0, 0, .1);--shadow-l: 0 4px 16px rgba(0, 0, 0, .12);--focus-ring-width: 2px;--focus-ring-offset: 0px;--header-bg: #FFBC0D;--btn-text-transform: uppercase;--btn-letter-spacing: .05em;--btn-font-weight: 700;--brand-mark-height: 2.5rem}:root[data-theme~=mcdonalds] header.site{--_link-color: #292929;border-block-end-color:#d9a00b}:root[data-theme~=mcdonalds] nav.pills [aria-current=page],:root[data-theme~=mcdonalds] nav.pills a:where([aria-current=page]){background:#db0007;color:#fff}}
 /*# sourceMappingURL=mcdonalds.css.map */

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

@@ -435,7 +435,7 @@
   },
   "effect": {
     "shadow": {
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -461,7 +461,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -487,7 +487,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -518,7 +518,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--focus-ring-width",
         "--focus-ring-offset",

package/dist/cdn/themes/midnight.css

@@ -1,2 +1,2 @@
-:root[data-theme~=midnight],[data-theme~=midnight]{color-scheme:dark;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .012 250);--color-surface-alt: oklch(18% .01 250);--color-surface-raised: oklch(20% .012 250);--color-surface-sunken: oklch(7% .01 250);--color-text: oklch(85% .01 250);--color-text-muted: oklch(65% .01 250);--color-text-subtle: oklch(45% .01 250);--color-primary: oklch(62% .1 230);--color-primary-hover: oklch(68% .11 230);--color-primary-subtle: oklch(18% .04 230);--color-accent: oklch(60% .08 200);--color-accent-hover: oklch(65% .09 200);--color-border: oklch(22% .01 250);--color-border-muted: oklch(18% .01 250);--color-border-strong: oklch(35% .01 250);--color-success: oklch(60% .1 145);--color-warning: oklch(70% .1 70);--color-error: oklch(58% .12 20);--color-info: oklch(62% .1 230);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(0% 0 0 / .3);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .3);--shadow-md: 0 2px 6px oklch(0% 0 0 / .3);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .3);--shadow-xl: 0 8px 20px oklch(0% 0 0 / .3);--shadow-2xl: 0 12px 28px oklch(0% 0 0 / .35);--duration-instant: 30ms;--duration-fast: 60ms;--duration-normal: .12s;--duration-slow: .18s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(12% .015 250) 0%, oklch(6% .008 260) 100% )}:root[data-theme~=midnight],[data-theme~=midnight]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(22% .01 250);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#d3d8de}& a:not([class]){color:var(--color-primary);text-decoration-color:#3991b74d;text-underline-offset:.15em;&:hover{text-decoration-color:#3991b799}}& blockquote{border-inline-start:2px solid oklch(28% .01 250);padding-inline-start:1.25rem;color:#8b9095}.button,button{font-weight:500;letter-spacing:0}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .1 230);--cb-string: oklch(60% .08 200);--cb-function: oklch(65% .08 280);--cb-number: oklch(70% .1 70);--cb-button-bg: var(--color-surface)}::selection{background:#3991b740;color:#c9ced4}}:root[data-theme~=midnight][data-mode=light],[data-theme~=midnight][data-mode=light]{color-scheme:light;--color-background: oklch(98% .005 250);--color-surface: oklch(100% .002 250);--color-surface-alt: oklch(96% .005 250);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .005 250);--color-text: oklch(15% .01 250);--color-text-muted: oklch(35% .008 250);--color-text-subtle: oklch(50% .008 250);--color-primary: oklch(48% .1 230);--color-primary-hover: oklch(42% .11 230);--color-primary-subtle: oklch(94% .02 230);--color-accent: oklch(48% .08 200);--color-accent-hover: oklch(42% .09 200);--color-border: oklch(88% .005 250);--color-border-muted: oklch(92% .003 250);--color-border-strong: oklch(65% .008 250);--color-success: oklch(50% .1 145);--color-warning: oklch(65% .1 70);--color-error: oklch(50% .12 20);--color-info: oklch(48% .1 230);--shadow-xs: 0 1px 2px oklch(0% 0 0 / .04);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .06);--shadow-md: 0 2px 6px oklch(0% 0 0 / .06);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .06);--shadow-xl: 0 8px 20px oklch(0% 0 0 / .06);--shadow-2xl: 0 12px 28px oklch(0% 0 0 / .08);--page-bg-gradient: none;:is(main,article){& hr:not([data-ornament]){border-color:#d5d8db}& h1,h2{color:#080c0f}& a:not([class]){color:oklch(48% .1 230);text-decoration-color:oklch(48% .1 230 / .3)}& blockquote{border-color:#cbced1;color:#373b3f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(48% .1 230);--cb-string: oklch(48% .08 200);--cb-function: oklch(50% .08 280);--cb-number: oklch(55% .1 70)}::selection{background:oklch(48% .1 230 / .2);color:#080c0f}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=midnight],[data-theme~=midnight]{color-scheme:dark;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .012 250);--color-surface-alt: oklch(18% .01 250);--color-surface-raised: oklch(20% .012 250);--color-surface-sunken: oklch(7% .01 250);--color-text: oklch(85% .01 250);--color-text-muted: oklch(65% .01 250);--color-text-subtle: oklch(45% .01 250);--color-primary: oklch(62% .1 230);--color-primary-hover: oklch(68% .11 230);--color-primary-subtle: oklch(18% .04 230);--color-accent: oklch(60% .08 200);--color-accent-hover: oklch(65% .09 200);--color-border: oklch(22% .01 250);--color-border-muted: oklch(18% .01 250);--color-border-strong: oklch(35% .01 250);--color-success: oklch(60% .1 145);--color-warning: oklch(70% .1 70);--color-error: oklch(58% .12 20);--color-info: oklch(62% .1 230);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(0% 0 0 / .3);--shadow-s: 0 1px 3px oklch(0% 0 0 / .3);--shadow-m: 0 2px 6px oklch(0% 0 0 / .3);--shadow-l: 0 4px 12px oklch(0% 0 0 / .3);--shadow-xl: 0 8px 20px oklch(0% 0 0 / .3);--shadow-2xl: 0 12px 28px oklch(0% 0 0 / .35);--duration-instant: 30ms;--duration-fast: 60ms;--duration-normal: .12s;--duration-slow: .18s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(12% .015 250) 0%, oklch(6% .008 260) 100% )}:root[data-theme~=midnight],[data-theme~=midnight]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(22% .01 250);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#d3d8de}& a:not([class]){color:var(--color-primary);text-decoration-color:#3991b74d;text-underline-offset:.15em;&:hover{text-decoration-color:#3991b799}}& blockquote{border-inline-start:2px solid oklch(28% .01 250);padding-inline-start:1.25rem;color:#8b9095}.button,button{font-weight:500;letter-spacing:0}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .1 230);--cb-string: oklch(60% .08 200);--cb-function: oklch(65% .08 280);--cb-number: oklch(70% .1 70);--cb-button-bg: var(--color-surface)}::selection{background:#3991b740;color:#c9ced4}}:root[data-theme~=midnight][data-mode=light],[data-theme~=midnight][data-mode=light]{color-scheme:light;--color-background: oklch(98% .005 250);--color-surface: oklch(100% .002 250);--color-surface-alt: oklch(96% .005 250);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .005 250);--color-text: oklch(15% .01 250);--color-text-muted: oklch(35% .008 250);--color-text-subtle: oklch(50% .008 250);--color-primary: oklch(48% .1 230);--color-primary-hover: oklch(42% .11 230);--color-primary-subtle: oklch(94% .02 230);--color-accent: oklch(48% .08 200);--color-accent-hover: oklch(42% .09 200);--color-border: oklch(88% .005 250);--color-border-muted: oklch(92% .003 250);--color-border-strong: oklch(65% .008 250);--color-success: oklch(50% .1 145);--color-warning: oklch(65% .1 70);--color-error: oklch(50% .12 20);--color-info: oklch(48% .1 230);--shadow-xs: 0 1px 2px oklch(0% 0 0 / .04);--shadow-s: 0 1px 3px oklch(0% 0 0 / .06);--shadow-m: 0 2px 6px oklch(0% 0 0 / .06);--shadow-l: 0 4px 12px oklch(0% 0 0 / .06);--shadow-xl: 0 8px 20px oklch(0% 0 0 / .06);--shadow-2xl: 0 12px 28px oklch(0% 0 0 / .08);--page-bg-gradient: none;:is(main,article){& hr:not([data-ornament]){border-color:#d5d8db}& h1,h2{color:#080c0f}& a:not([class]){color:oklch(48% .1 230);text-decoration-color:oklch(48% .1 230 / .3)}& blockquote{border-color:#cbced1;color:#373b3f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(48% .1 230);--cb-string: oklch(48% .08 200);--cb-function: oklch(50% .08 280);--cb-number: oklch(55% .1 70)}::selection{background:oklch(48% .1 230 / .2);color:#080c0f}}}
 /*# sourceMappingURL=midnight.css.map */