vanilla-breeze 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/custom-elements.json +13966 -11505
  2. package/dist/cdn/components/accordion-wc.js +1 -1
  3. package/dist/cdn/components/activity-feed.js +1 -1
  4. package/dist/cdn/components/ai-chat.js +9 -6
  5. package/dist/cdn/components/ai-summary.js +4 -2
  6. package/dist/cdn/components/analytics-panel.js +19 -21
  7. package/dist/cdn/components/audio-player.js +17 -7
  8. package/dist/cdn/components/audio-visualizer.js +3 -3
  9. package/dist/cdn/components/author-index.js +2 -2
  10. package/dist/cdn/components/brand-mark.js +1 -1
  11. package/dist/cdn/components/bread-crumb.js +1 -1
  12. package/dist/cdn/components/calendar-wc.js +2 -2
  13. package/dist/cdn/components/card-list.js +1 -1
  14. package/dist/cdn/components/carousel-wc.js +1 -1
  15. package/dist/cdn/components/change-set.js +1 -11
  16. package/dist/cdn/components/chart-wc.js +32 -32
  17. package/dist/cdn/components/chat-input.js +1 -1
  18. package/dist/cdn/components/chat-window.js +1 -1
  19. package/dist/cdn/components/color-picker.js +1 -1
  20. package/dist/cdn/components/combo-box.js +1 -1
  21. package/dist/cdn/components/command-palette.js +1 -1
  22. package/dist/cdn/components/comment-box.js +49 -49
  23. package/dist/cdn/components/comment-thread.js +32 -32
  24. package/dist/cdn/components/comment-wc.js +1 -1
  25. package/dist/cdn/components/compare-surface.js +1 -1
  26. package/dist/cdn/components/consent-banner.js +1 -1
  27. package/dist/cdn/components/content-lens.js +1 -1
  28. package/dist/cdn/components/content-swap.js +1 -1
  29. package/dist/cdn/components/context-menu.js +1 -1
  30. package/dist/cdn/components/data-table.js +1 -1
  31. package/dist/cdn/components/date-picker.js +1 -1
  32. package/dist/cdn/components/day-view.js +1 -1
  33. package/dist/cdn/components/diagram-wc.js +2 -2
  34. package/dist/cdn/components/drag-surface.js +1 -1
  35. package/dist/cdn/components/drop-down.js +1 -1
  36. package/dist/cdn/components/emoji-picker.js +1 -1
  37. package/dist/cdn/components/flow-diagram.js +1 -1
  38. package/dist/cdn/components/foot-notes.js +1 -1
  39. package/dist/cdn/components/form-field.js +1 -1
  40. package/dist/cdn/components/geo-map.js +4 -4
  41. package/dist/cdn/components/glossary-index.js +1 -1
  42. package/dist/cdn/components/glossary-wc.js +1 -1
  43. package/dist/cdn/components/heading-links.js +1 -1
  44. package/dist/cdn/components/highlight-wc.js +2 -2
  45. package/dist/cdn/components/image-gallery.js +1 -1
  46. package/dist/cdn/components/image-map.js +1 -1
  47. package/dist/cdn/components/include-file.js +1 -1
  48. package/dist/cdn/components/manifest.json +100 -100
  49. package/dist/cdn/components/markdown-editor.js +1 -1
  50. package/dist/cdn/components/markdown-viewer.js +11 -11
  51. package/dist/cdn/components/nav-bar.js +1 -1
  52. package/dist/cdn/components/note-wc.js +2 -2
  53. package/dist/cdn/components/notification-wc.js +4 -4
  54. package/dist/cdn/components/page-info.js +2 -2
  55. package/dist/cdn/components/page-stats.js +1 -1
  56. package/dist/cdn/components/page-toc.js +1 -1
  57. package/dist/cdn/components/page-tools.js +1 -1
  58. package/dist/cdn/components/page-tour.js +5 -5
  59. package/dist/cdn/components/pager-wc.js +1 -1
  60. package/dist/cdn/components/poll-wc.js +1 -1
  61. package/dist/cdn/components/pop-over.js +1 -1
  62. package/dist/cdn/components/popularity-index.js +4 -4
  63. package/dist/cdn/components/print-page.js +1 -1
  64. package/dist/cdn/components/progress-tracker.js +1 -1
  65. package/dist/cdn/components/qr-code.js +1 -1
  66. package/dist/cdn/components/reaction-bar.js +1 -1
  67. package/dist/cdn/components/reader-view.js +3 -3
  68. package/dist/cdn/components/reading-progress.js +1 -1
  69. package/dist/cdn/components/recently-visited.js +7 -7
  70. package/dist/cdn/components/score-card.js +2 -2
  71. package/dist/cdn/components/selection-menu.js +1 -1
  72. package/dist/cdn/components/settings-panel.js +4 -4
  73. package/dist/cdn/components/share-wc.js +2 -2
  74. package/dist/cdn/components/short-cuts.js +1 -1
  75. package/dist/cdn/components/site-index.js +6 -6
  76. package/dist/cdn/components/site-map.js +1 -1
  77. package/dist/cdn/components/site-search.js +3 -3
  78. package/dist/cdn/components/slide-accept.js +1 -1
  79. package/dist/cdn/components/social-embed.js +1 -1
  80. package/dist/cdn/components/split-surface.js +1 -1
  81. package/dist/cdn/components/star-rating.js +1 -1
  82. package/dist/cdn/components/status-wc.js +1 -1
  83. package/dist/cdn/components/stepper-wc.js +1 -1
  84. package/dist/cdn/components/tab-set.js +1 -1
  85. package/dist/cdn/components/text-reader.js +2 -2
  86. package/dist/cdn/components/theme-picker.js +44 -44
  87. package/dist/cdn/components/time-index.js +2 -2
  88. package/dist/cdn/components/time-picker.js +1 -1
  89. package/dist/cdn/components/toast-msg.js +1 -1
  90. package/dist/cdn/components/tool-tip.js +1 -1
  91. package/dist/cdn/components/topic-map.js +3 -3
  92. package/dist/cdn/components/trust-filter.js +3 -3
  93. package/dist/cdn/components/version-switcher.js +3 -13
  94. package/dist/cdn/components/video-player.js +1 -1
  95. package/dist/cdn/components/watch-wc.js +2 -2
  96. package/dist/cdn/components/week-view.js +1 -1
  97. package/dist/cdn/components/youtube-player.js +1 -1
  98. package/dist/cdn/packs/effects.full.js +1 -1
  99. package/dist/cdn/packs/kawaii.effects.css +1 -1
  100. package/dist/cdn/packs/kawaii.full.css +1 -1
  101. package/dist/cdn/packs/kawaii.full.js +4 -4
  102. package/dist/cdn/packs/manifest.json +7 -7
  103. package/dist/cdn/packs/memphis.full.css +1 -1
  104. package/dist/cdn/packs/memphis.theme.css +1 -1
  105. package/dist/cdn/packs/ui.full.js +46 -46
  106. package/dist/cdn/themes/8bit.css +1 -1
  107. package/dist/cdn/themes/8bit.tokens.json +1 -1
  108. package/dist/cdn/themes/alpha1999-dark.tokens.json +1 -1
  109. package/dist/cdn/themes/alpha1999.tokens.json +1 -1
  110. package/dist/cdn/themes/art-deco-dark.tokens.json +33 -1
  111. package/dist/cdn/themes/art-deco.css +1 -1
  112. package/dist/cdn/themes/art-deco.tokens.json +23 -1
  113. package/dist/cdn/themes/bauhaus-dark.tokens.json +23 -1
  114. package/dist/cdn/themes/bauhaus.css +1 -1
  115. package/dist/cdn/themes/bauhaus.tokens.json +1 -1
  116. package/dist/cdn/themes/brutalist-dark.tokens.json +33 -1
  117. package/dist/cdn/themes/brutalist.css +1 -1
  118. package/dist/cdn/themes/brutalist.tokens.json +23 -1
  119. package/dist/cdn/themes/catppuccin-frappe.tokens.json +1 -1
  120. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +1 -1
  121. package/dist/cdn/themes/catppuccin-latte.tokens.json +1 -1
  122. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +1 -1
  123. package/dist/cdn/themes/catppuccin-mocha.tokens.json +1 -1
  124. package/dist/cdn/themes/classic-dark.tokens.json +1 -1
  125. package/dist/cdn/themes/classic.tokens.json +1 -1
  126. package/dist/cdn/themes/claymorphism-dark.tokens.json +33 -1
  127. package/dist/cdn/themes/claymorphism.css +1 -1
  128. package/dist/cdn/themes/claymorphism.tokens.json +23 -1
  129. package/dist/cdn/themes/clinical-dark.tokens.json +1 -1
  130. package/dist/cdn/themes/clinical.tokens.json +1 -1
  131. package/dist/cdn/themes/cottagecore-dark.tokens.json +1 -1
  132. package/dist/cdn/themes/cottagecore.css +1 -1
  133. package/dist/cdn/themes/cottagecore.tokens.json +1 -1
  134. package/dist/cdn/themes/cyber.css +1 -1
  135. package/dist/cdn/themes/cyber.tokens.json +1 -1
  136. package/dist/cdn/themes/dawn-dark.tokens.json +33 -1
  137. package/dist/cdn/themes/dawn.css +1 -1
  138. package/dist/cdn/themes/dawn.tokens.json +23 -1
  139. package/dist/cdn/themes/dracula.tokens.json +1 -1
  140. package/dist/cdn/themes/dusk.css +1 -1
  141. package/dist/cdn/themes/dusk.tokens.json +1 -1
  142. package/dist/cdn/themes/editorial-dark.tokens.json +1 -1
  143. package/dist/cdn/themes/editorial.css +1 -1
  144. package/dist/cdn/themes/editorial.tokens.json +1 -1
  145. package/dist/cdn/themes/financial-dark.tokens.json +1 -1
  146. package/dist/cdn/themes/financial.tokens.json +1 -1
  147. package/dist/cdn/themes/genai.css +1 -1
  148. package/dist/cdn/themes/genai.tokens.json +1 -1
  149. package/dist/cdn/themes/glassmorphism-dark.tokens.json +1 -1
  150. package/dist/cdn/themes/glassmorphism.tokens.json +1 -1
  151. package/dist/cdn/themes/government-dark.tokens.json +1 -1
  152. package/dist/cdn/themes/government.tokens.json +1 -1
  153. package/dist/cdn/themes/gruvbox-dark.tokens.json +1 -1
  154. package/dist/cdn/themes/gruvbox.tokens.json +1 -1
  155. package/dist/cdn/themes/high-noon-dark.tokens.json +23 -1
  156. package/dist/cdn/themes/high-noon.css +1 -1
  157. package/dist/cdn/themes/high-noon.tokens.json +1 -1
  158. package/dist/cdn/themes/journal-dark.tokens.json +33 -1
  159. package/dist/cdn/themes/journal.css +1 -1
  160. package/dist/cdn/themes/journal.tokens.json +23 -1
  161. package/dist/cdn/themes/kawaii-dark.tokens.json +1 -1
  162. package/dist/cdn/themes/kawaii.css +1 -1
  163. package/dist/cdn/themes/kawaii.tokens.json +1 -1
  164. package/dist/cdn/themes/magna-dark.tokens.json +1 -1
  165. package/dist/cdn/themes/magna.tokens.json +1 -1
  166. package/dist/cdn/themes/manifest.json +26 -50
  167. package/dist/cdn/themes/midnight.tokens.json +1 -1
  168. package/dist/cdn/themes/minimal-dark.tokens.json +1 -1
  169. package/dist/cdn/themes/minimal.tokens.json +1 -1
  170. package/dist/cdn/themes/modern-dark.tokens.json +1 -1
  171. package/dist/cdn/themes/modern.tokens.json +1 -1
  172. package/dist/cdn/themes/nes-dark.tokens.json +1 -1
  173. package/dist/cdn/themes/nes.css +1 -1
  174. package/dist/cdn/themes/nes.tokens.json +1 -1
  175. package/dist/cdn/themes/neumorphism-dark.tokens.json +1 -1
  176. package/dist/cdn/themes/neumorphism.css +1 -1
  177. package/dist/cdn/themes/neumorphism.tokens.json +1 -1
  178. package/dist/cdn/themes/nord-dark.tokens.json +33 -1
  179. package/dist/cdn/themes/nord.css +1 -1
  180. package/dist/cdn/themes/nord.tokens.json +23 -1
  181. package/dist/cdn/themes/organic-dark.tokens.json +1 -1
  182. package/dist/cdn/themes/organic.css +1 -1
  183. package/dist/cdn/themes/organic.tokens.json +1 -1
  184. package/dist/cdn/themes/rose-pine-dark.tokens.json +1 -1
  185. package/dist/cdn/themes/rose-pine.tokens.json +1 -1
  186. package/dist/cdn/themes/rough-dark.tokens.json +1 -1
  187. package/dist/cdn/themes/rough.css +1 -1
  188. package/dist/cdn/themes/rough.tokens.json +1 -1
  189. package/dist/cdn/themes/solarized-dark.tokens.json +23 -1
  190. package/dist/cdn/themes/solarized.css +1 -1
  191. package/dist/cdn/themes/solarized.tokens.json +23 -1
  192. package/dist/cdn/themes/startup-dark.tokens.json +1 -1
  193. package/dist/cdn/themes/startup.tokens.json +1 -1
  194. package/dist/cdn/themes/super2026-dark.tokens.json +33 -1
  195. package/dist/cdn/themes/super2026.css +1 -1
  196. package/dist/cdn/themes/super2026.tokens.json +23 -1
  197. package/dist/cdn/themes/swiss-dark.tokens.json +1 -1
  198. package/dist/cdn/themes/swiss.css +1 -1
  199. package/dist/cdn/themes/swiss.tokens.json +1 -1
  200. package/dist/cdn/themes/terminal.css +1 -1
  201. package/dist/cdn/themes/terminal.tokens.json +1 -1
  202. package/dist/cdn/themes/tokyo-night-dark.tokens.json +33 -1
  203. package/dist/cdn/themes/tokyo-night.css +1 -1
  204. package/dist/cdn/themes/tokyo-night.tokens.json +23 -1
  205. package/dist/cdn/themes/vaporwave-dark.tokens.json +33 -1
  206. package/dist/cdn/themes/vaporwave.css +1 -1
  207. package/dist/cdn/themes/vaporwave.tokens.json +23 -1
  208. package/dist/cdn/themes/win9x-dark.tokens.json +15 -4
  209. package/dist/cdn/themes/win9x.css +1 -1
  210. package/dist/cdn/themes/win9x.tokens.json +1 -1
  211. package/dist/cdn/vanilla-breeze-autoload.js +663 -0
  212. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  213. package/dist/cdn/vanilla-breeze-charts.js +32 -32
  214. package/dist/cdn/vanilla-breeze-core.css +1 -1
  215. package/dist/cdn/vanilla-breeze-core.js +78 -80
  216. package/dist/cdn/vanilla-breeze-dev.css +1 -1
  217. package/dist/cdn/vanilla-breeze-extras.js +47 -37
  218. package/dist/cdn/vanilla-breeze.css +1 -1
  219. package/dist/cdn/vanilla-breeze.js +180 -177
  220. package/package.json +12 -7
  221. package/dist/cdn/themes/amber.css +0 -2
  222. package/dist/cdn/themes/anthropic.css +0 -2
  223. package/dist/cdn/themes/anthropic.tokens.json +0 -564
  224. package/dist/cdn/themes/coral.css +0 -2
  225. package/dist/cdn/themes/emerald.css +0 -2
  226. package/dist/cdn/themes/forest.css +0 -2
  227. package/dist/cdn/themes/ibm.css +0 -2
  228. package/dist/cdn/themes/ibm.tokens.json +0 -568
  229. package/dist/cdn/themes/indigo.css +0 -2
  230. package/dist/cdn/themes/lavender.css +0 -2
  231. package/dist/cdn/themes/mcdonalds.css +0 -2
  232. package/dist/cdn/themes/mcdonalds.tokens.json +0 -533
  233. package/dist/cdn/themes/ocean.css +0 -2
  234. package/dist/cdn/themes/rose.css +0 -2
  235. package/dist/cdn/themes/slate.css +0 -2
  236. package/dist/cdn/themes/starbucks.css +0 -2
  237. package/dist/cdn/themes/starbucks.tokens.json +0 -593
  238. package/dist/cdn/themes/sunset.css +0 -2
@@ -634,7 +634,7 @@
634
634
  "$extensions": {
635
635
  "com.vanilla-breeze": {
636
636
  "spec": "2025.10",
637
- "vbVersion": "0.4.0",
637
+ "vbVersion": "0.5.0",
638
638
  "unmapped": [
639
639
  "--caret-color",
640
640
  "--_cyber-glow-cyan",
@@ -99,6 +99,38 @@
99
99
  ]
100
100
  }
101
101
  },
102
+ "interactive": {
103
+ "$type": "color",
104
+ "$value": {
105
+ "colorSpace": "srgb",
106
+ "components": [
107
+ 0,
108
+ 0,
109
+ 0
110
+ ]
111
+ },
112
+ "$extensions": {
113
+ "com.vanilla-breeze": {
114
+ "literal": "var(--color-primary)"
115
+ }
116
+ }
117
+ },
118
+ "interactive-hover": {
119
+ "$type": "color",
120
+ "$value": {
121
+ "colorSpace": "srgb",
122
+ "components": [
123
+ 0,
124
+ 0,
125
+ 0
126
+ ]
127
+ },
128
+ "$extensions": {
129
+ "com.vanilla-breeze": {
130
+ "literal": "var(--color-primary-hover)"
131
+ }
132
+ }
133
+ },
102
134
  "primary-hover": {
103
135
  "$type": "color",
104
136
  "$value": {
@@ -459,7 +491,7 @@
459
491
  "$extensions": {
460
492
  "com.vanilla-breeze": {
461
493
  "spec": "2025.10",
462
- "vbVersion": "0.4.0",
494
+ "vbVersion": "0.5.0",
463
495
  "unmapped": [
464
496
  "--cb-header-bg",
465
497
  "--cb-keyword",
@@ -1,2 +1,2 @@
1
- @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~=dawn],[data-theme~=dawn]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .02 70);--color-surface: oklch(99% .01 70);--color-surface-alt: oklch(95% .025 70);--color-surface-raised: oklch(100% .005 60);--color-surface-sunken: oklch(93% .03 70);--color-text: oklch(25% .04 50);--color-text-muted: oklch(40% .035 50);--color-text-subtle: oklch(55% .03 50);--color-primary: oklch(70% .12 65);--color-primary-hover: oklch(65% .13 65);--color-primary-subtle: oklch(93% .03 65);--color-accent: oklch(65% .12 30);--color-accent-hover: oklch(60% .13 30);--color-border: oklch(88% .02 60);--color-border-muted: oklch(92% .015 60);--color-border-strong: oklch(70% .03 60);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .04 60 / .06);--shadow-s: 0 1px 3px oklch(50% .04 60 / .08), 0 1px 2px oklch(50% .04 60 / .04);--shadow-m: 0 4px 6px oklch(50% .04 60 / .08), 0 2px 4px oklch(50% .04 60 / .04);--shadow-l: 0 10px 15px oklch(50% .04 60 / .08), 0 4px 6px oklch(50% .04 60 / .03);--shadow-xl: 0 20px 25px oklch(50% .04 60 / .08);--shadow-2xl: 0 25px 50px oklch(50% .04 60 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dawn],[data-theme~=dawn]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .04 65);margin-block:2rem}& h1,h2{font-family:Lora,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em;color:#422616}& h3,h4{font-family:Lora,Georgia,Times New Roman,serif;font-weight:500}& a:not([class]){color:#a85a28;text-decoration-color:#d18e4666;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(70% .12 65);padding-inline-start:1.25rem;color:#4c3428}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 30);--cb-string: oklch(60% .12 145);--cb-function: oklch(55% .1 280);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#d18e4640;color:#311c0f}}:root[data-theme~=dawn][data-mode=dark],[data-theme~=dawn][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .03 50);--color-surface: oklch(22% .03 50);--color-surface-alt: oklch(26% .025 50);--color-surface-raised: oklch(30% .025 50);--color-surface-sunken: oklch(14% .035 50);--color-text: oklch(92% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(58% .02 55);--color-primary: oklch(75% .13 65);--color-primary-hover: oklch(80% .14 65);--color-primary-subtle: oklch(28% .05 65);--color-accent: oklch(70% .12 30);--color-accent-hover: oklch(75% .13 30);--color-border: oklch(30% .03 50);--color-border-muted: oklch(25% .025 50);--color-border-strong: oklch(45% .03 50);--color-success: oklch(65% .12 145);--color-warning: oklch(75% .14 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .1 230);--shadow-xs: 0 1px 2px oklch(10% .03 50 / .2);--shadow-s: 0 1px 3px oklch(10% .03 50 / .25), 0 1px 2px oklch(10% .03 50 / .15);--shadow-m: 0 4px 6px oklch(10% .03 50 / .25), 0 2px 4px oklch(10% .03 50 / .15);--shadow-l: 0 10px 15px oklch(10% .03 50 / .25), 0 4px 6px oklch(10% .03 50 / .1);--shadow-xl: 0 20px 25px oklch(10% .03 50 / .25);--shadow-2xl: 0 25px 50px oklch(10% .03 50 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#3d281a}& h1,h2{color:#f4e0d1}& blockquote{border-color:#e69b4c;color:#b8aba2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 65);--cb-string: oklch(65% .12 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#e69b4c4d;color:#efe2d8}}}
1
+ @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~=dawn],[data-theme~=dawn]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .02 70);--color-surface: oklch(99% .01 70);--color-surface-alt: oklch(95% .025 70);--color-surface-raised: oklch(100% .005 60);--color-surface-sunken: oklch(93% .03 70);--color-text: oklch(25% .04 50);--color-text-muted: oklch(40% .035 50);--color-text-subtle: oklch(55% .03 50);--color-primary: oklch(70% .12 65);--color-interactive: oklch(55% .12 65);--color-interactive-hover: oklch(50% .12 65);--color-primary-hover: oklch(65% .13 65);--color-primary-subtle: oklch(93% .03 65);--color-accent: oklch(65% .12 30);--color-accent-hover: oklch(60% .13 30);--color-border: oklch(88% .02 60);--color-border-muted: oklch(92% .015 60);--color-border-strong: oklch(70% .03 60);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .04 60 / .06);--shadow-s: 0 1px 3px oklch(50% .04 60 / .08), 0 1px 2px oklch(50% .04 60 / .04);--shadow-m: 0 4px 6px oklch(50% .04 60 / .08), 0 2px 4px oklch(50% .04 60 / .04);--shadow-l: 0 10px 15px oklch(50% .04 60 / .08), 0 4px 6px oklch(50% .04 60 / .03);--shadow-xl: 0 20px 25px oklch(50% .04 60 / .08);--shadow-2xl: 0 25px 50px oklch(50% .04 60 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dawn],[data-theme~=dawn]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .04 65);margin-block:2rem}& h1,h2{font-family:Lora,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em;color:#422616}& h3,h4{font-family:Lora,Georgia,Times New Roman,serif;font-weight:500}& a:not([class]){color:#a85a28;text-decoration-color:#d18e4666;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(70% .12 65);padding-inline-start:1.25rem;color:#4c3428}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 30);--cb-string: oklch(60% .12 145);--cb-function: oklch(55% .1 280);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#d18e4640;color:#311c0f}}:root[data-theme~=dawn][data-mode=dark],[data-theme~=dawn][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .03 50);--color-surface: oklch(22% .03 50);--color-surface-alt: oklch(26% .025 50);--color-surface-raised: oklch(30% .025 50);--color-surface-sunken: oklch(14% .035 50);--color-text: oklch(92% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(58% .02 55);--color-primary: oklch(75% .13 65);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-hover: oklch(80% .14 65);--color-primary-subtle: oklch(28% .05 65);--color-accent: oklch(70% .12 30);--color-accent-hover: oklch(75% .13 30);--color-border: oklch(30% .03 50);--color-border-muted: oklch(25% .025 50);--color-border-strong: oklch(45% .03 50);--color-success: oklch(65% .12 145);--color-warning: oklch(75% .14 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .1 230);--shadow-xs: 0 1px 2px oklch(10% .03 50 / .2);--shadow-s: 0 1px 3px oklch(10% .03 50 / .25), 0 1px 2px oklch(10% .03 50 / .15);--shadow-m: 0 4px 6px oklch(10% .03 50 / .25), 0 2px 4px oklch(10% .03 50 / .15);--shadow-l: 0 10px 15px oklch(10% .03 50 / .25), 0 4px 6px oklch(10% .03 50 / .1);--shadow-xl: 0 20px 25px oklch(10% .03 50 / .25);--shadow-2xl: 0 25px 50px oklch(10% .03 50 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#3d281a}& h1,h2{color:#f4e0d1}& a:not([class]){color:var(--color-interactive)}& blockquote{border-color:#e69b4c;color:#b8aba2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 65);--cb-string: oklch(65% .12 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#e69b4c4d;color:#efe2d8}}}
2
2
  /*# sourceMappingURL=dawn.css.map */
@@ -99,6 +99,28 @@
99
99
  ]
100
100
  }
101
101
  },
102
+ "interactive": {
103
+ "$type": "color",
104
+ "$value": {
105
+ "colorSpace": "oklch",
106
+ "components": [
107
+ 0.55,
108
+ 0.12,
109
+ 65
110
+ ]
111
+ }
112
+ },
113
+ "interactive-hover": {
114
+ "$type": "color",
115
+ "$value": {
116
+ "colorSpace": "oklch",
117
+ "components": [
118
+ 0.5,
119
+ 0.12,
120
+ 65
121
+ ]
122
+ }
123
+ },
102
124
  "primary-hover": {
103
125
  "$type": "color",
104
126
  "$value": {
@@ -598,7 +620,7 @@
598
620
  "$extensions": {
599
621
  "com.vanilla-breeze": {
600
622
  "spec": "2025.10",
601
- "vbVersion": "0.4.0",
623
+ "vbVersion": "0.5.0",
602
624
  "unmapped": [
603
625
  "--theme-border-style",
604
626
  "--theme-icon-set"
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.4.0",
526
+ "vbVersion": "0.5.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set",
@@ -1,2 +1,2 @@
1
- @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=dusk],[data-theme~=dusk]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(16% .03 280);--color-surface: oklch(20% .035 280);--color-surface-alt: oklch(24% .03 280);--color-surface-raised: oklch(28% .03 280);--color-surface-sunken: oklch(12% .035 280);--color-text: oklch(90% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(60% .02 60);--color-primary: oklch(72% .12 65);--color-primary-hover: oklch(78% .13 65);--color-primary-subtle: oklch(25% .05 65);--color-accent: oklch(65% .1 300);--color-accent-hover: oklch(70% .11 300);--color-border: oklch(28% .03 280);--color-border-muted: oklch(22% .025 280);--color-border-strong: oklch(40% .03 280);--color-success: oklch(68% .12 145);--color-warning: oklch(75% .12 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .08 240);--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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(10% .03 280 / .3);--shadow-s: 0 4px 8px oklch(10% .03 280 / .3);--shadow-m: 0 8px 16px oklch(10% .03 280 / .3);--shadow-l: 0 16px 24px oklch(10% .03 280 / .3);--shadow-xl: 0 24px 36px oklch(10% .03 280 / .3);--shadow-2xl: 0 32px 48px oklch(10% .03 280 / .35);--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .36s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dusk],[data-theme~=dusk]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(40% .06 65);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#f2e1d4}& a:not([class]){color:#d8944d;text-decoration-color:#d8944d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 65);padding-inline-start:1.25rem;color:#b8aba2}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .1 300);--cb-string: oklch(68% .12 145);--cb-function: oklch(72% .12 65);--cb-number: oklch(75% .12 70);--cb-button-bg: var(--color-surface)}::selection{background:#d8944d4d;color:#e8dbd1}}:root[data-theme~=dusk][data-mode=light],[data-theme~=dusk][data-mode=light]{color-scheme:light;--color-background: oklch(95% .015 280);--color-surface: oklch(97% .01 280);--color-surface-alt: oklch(93% .018 280);--color-surface-raised: oklch(99% .005 280);--color-surface-sunken: oklch(91% .02 280);--color-text: oklch(20% .03 280);--color-text-muted: oklch(38% .025 280);--color-text-subtle: oklch(52% .02 280);--color-primary: oklch(60% .1 65);--color-primary-hover: oklch(55% .11 65);--color-primary-subtle: oklch(92% .03 65);--color-accent: oklch(55% .08 300);--color-accent-hover: oklch(50% .09 300);--color-border: oklch(85% .015 280);--color-border-muted: oklch(90% .01 280);--color-border-strong: oklch(65% .02 280);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .12 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .08 240);--shadow-xs: 0 2px 4px oklch(30% .02 280 / .08);--shadow-s: 0 4px 8px oklch(30% .02 280 / .08);--shadow-m: 0 8px 16px oklch(30% .02 280 / .08);--shadow-l: 0 16px 24px oklch(30% .02 280 / .08);--shadow-xl: 0 24px 36px oklch(30% .02 280 / .08);--shadow-2xl: 0 32px 48px oklch(30% .02 280 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#c1c3d1}& h1,h2{color:#131423}& a:not([class]){color:#8e5224}& blockquote{border-color:#a9733a;color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 300);--cb-string: oklch(55% .1 145);--cb-function: oklch(60% .1 65);--cb-number: oklch(62% .1 70)}::selection{background:#a9733a40;color:#131423}}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=dusk],[data-theme~=dusk]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(16% .03 280);--color-surface: oklch(20% .035 280);--color-surface-alt: oklch(24% .03 280);--color-surface-raised: oklch(28% .03 280);--color-surface-sunken: oklch(12% .035 280);--color-text: oklch(90% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(60% .02 60);--color-primary: oklch(72% .12 65);--color-primary-hover: oklch(78% .13 65);--color-primary-subtle: oklch(25% .05 65);--color-accent: oklch(65% .1 300);--color-accent-hover: oklch(70% .11 300);--color-border: oklch(28% .03 280);--color-border-muted: oklch(22% .025 280);--color-border-strong: oklch(40% .03 280);--color-success: oklch(68% .12 145);--color-warning: oklch(75% .12 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .08 240);--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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(10% .03 280 / .3);--shadow-s: 0 4px 8px oklch(10% .03 280 / .3);--shadow-m: 0 8px 16px oklch(10% .03 280 / .3);--shadow-l: 0 16px 24px oklch(10% .03 280 / .3);--shadow-xl: 0 24px 36px oklch(10% .03 280 / .3);--shadow-2xl: 0 32px 48px oklch(10% .03 280 / .35);--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .36s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dusk],[data-theme~=dusk]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(40% .06 65);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#f2e1d4}& a:not([class]){color:#d8944d;text-decoration-color:#d8944d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 65);padding-inline-start:1.25rem;color:#b8aba2}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .1 300);--cb-string: oklch(68% .12 145);--cb-function: oklch(72% .12 65);--cb-number: oklch(75% .12 70);--cb-button-bg: var(--color-surface)}::selection{background:#d8944d4d;color:#e8dbd1}}:root[data-theme~=dusk][data-mode=light],[data-theme~=dusk][data-mode=light]{color-scheme:light;--color-background: oklch(95% .015 280);--color-surface: oklch(97% .01 280);--color-surface-alt: oklch(93% .018 280);--color-surface-raised: oklch(99% .005 280);--color-surface-sunken: oklch(91% .02 280);--color-text: oklch(20% .03 280);--color-text-muted: oklch(38% .025 280);--color-text-subtle: oklch(52% .02 280);--color-primary: oklch(60% .1 65);--color-primary-hover: oklch(55% .11 65);--color-primary-subtle: oklch(92% .03 65);--color-interactive: oklch(52% .1 65);--color-interactive-hover: oklch(47% .11 65);--color-accent: oklch(55% .08 300);--color-accent-hover: oklch(50% .09 300);--color-border: oklch(85% .015 280);--color-border-muted: oklch(90% .01 280);--color-border-strong: oklch(65% .02 280);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .12 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .08 240);--shadow-xs: 0 2px 4px oklch(30% .02 280 / .08);--shadow-s: 0 4px 8px oklch(30% .02 280 / .08);--shadow-m: 0 8px 16px oklch(30% .02 280 / .08);--shadow-l: 0 16px 24px oklch(30% .02 280 / .08);--shadow-xl: 0 24px 36px oklch(30% .02 280 / .08);--shadow-2xl: 0 32px 48px oklch(30% .02 280 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#c1c3d1}& h1,h2{color:#131423}& a:not([class]){color:#8e5224}& blockquote{border-color:#a9733a;color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 300);--cb-string: oklch(55% .1 145);--cb-function: oklch(60% .1 65);--cb-number: oklch(62% .1 70)}::selection{background:#a9733a40;color:#131423}}}
2
2
  /*# sourceMappingURL=dusk.css.map */
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.4.0",
526
+ "vbVersion": "0.5.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set"
@@ -368,7 +368,7 @@
368
368
  "$extensions": {
369
369
  "com.vanilla-breeze": {
370
370
  "spec": "2025.10",
371
- "vbVersion": "0.4.0",
371
+ "vbVersion": "0.5.0",
372
372
  "unmapped": [
373
373
  "--input-bg",
374
374
  "--input-border",
@@ -1,2 +1,2 @@
1
- @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=editorial],[data-theme~=editorial]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: oklch(99% 0 0);--color-surface-alt: oklch(97% .01 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .01 60);--color-background: oklch(99% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(35% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(10% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(10% 0 0);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(96% .03 20);--color-error-text: oklch(38% .12 20);--color-warning: oklch(62% .12 65);--color-warning-subtle: oklch(96% .04 65);--color-warning-text: oklch(38% .1 65);--color-success: oklch(48% .1 155);--color-success-subtle: oklch(96% .03 155);--color-success-text: oklch(35% .08 155);--color-info: oklch(48% .1 240);--color-info-subtle: oklch(96% .03 240);--color-info-text: oklch(35% .08 240);--font-sans: Georgia, "Times New Roman", serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--line-height-normal: 1.75;--line-height-tight: 1.15;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(60% 0 0);--input-border: oklch(75% 0 0);--input-bg: oklch(100% 0 0);--range-track-h: 2px;--range-track-bg: oklch(80% 0 0);--range-thumb-size: 1rem;--range-thumb-border: oklch(40% 0 0);--progress-h: var(--size-2xs);--progress-track-bg: oklch(92% 0 0)}:root[data-theme~=editorial],[data-theme~=editorial]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:var(--color-border-strong);margin-block:3rem;position:relative;&:before{content:"\a7";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding-inline:1rem;color:var(--color-primary);font-size:1.25rem}}& h1{font-family:var(--font-heading);font-style:italic;font-weight:400;border-block-end:2px solid var(--color-border-strong);padding-block-end:.75rem;margin-block-end:1.5rem}& h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400;color:var(--color-primary);border-block-start:1px solid currentColor;padding-block-start:.5rem;margin-block-start:2rem}& h3{font-family:var(--font-heading);font-style:italic}& a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--color-primary)}}& article:not(.card):not(layout-sidebar>*){max-width:65ch;margin-inline:auto;>p:first-of-type:first-letter{font-family:var(--font-heading);font-size:5.5rem;float:left;line-height:.8;margin-inline-end:.75rem;margin-block-start:.1em;color:var(--color-primary);font-weight:400}>p:first-of-type{font-size:1.25rem;line-height:1.6}}& blockquote{border:none;padding:2rem 0;margin:2rem 0;border-block-start:1px solid var(--color-border-strong);border-block-end:1px solid var(--color-border-strong);font-family:var(--font-heading);font-size:1.75rem;font-style:italic;line-height:1.4;text-align:center;&:before{content:none}& cite{display:block;margin-block-start:1rem;font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}}.button,button{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.75rem 1.5rem;&:hover{background:var(--color-border-strong);color:var(--color-surface)}}.card{border:1px solid var(--color-border);padding:2rem;&:hover{border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);font-family:var(--font-mono)}& code{font-family:var(--font-mono);background:var(--color-surface-sunken);color:var(--color-primary)}& figure{margin-block:2rem;& figcaption{font-size:.875rem;font-style:italic;color:var(--color-text-muted);margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid var(--color-border)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: oklch(40% .12 145);--cb-function: oklch(35% .12 290);--cb-number: oklch(45% .12 250);--cb-button-bg: var(--color-surface)}}:root[data-theme~=editorial][data-mode=dark],[data-theme~=editorial][data-mode=dark]{color-scheme:dark;--color-surface: oklch(8% 0 0);--color-surface-alt: oklch(12% .01 60);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% .01 60);--color-background: oklch(5% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(65% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(65% .2 25);--color-primary-hover: oklch(70% .22 25);--color-primary-subtle: oklch(18% .06 25);--color-accent: oklch(92% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(25% 0 0);--color-border-muted: oklch(18% 0 0);--color-border-strong: oklch(92% 0 0);--color-error: oklch(62% .16 20);--color-error-subtle: oklch(18% .05 20);--color-error-text: oklch(75% .14 20);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(18% .05 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(60% .1 155);--color-success-subtle: oklch(18% .04 155);--color-success-text: oklch(75% .1 155);--color-info: oklch(60% .1 240);--color-info-subtle: oklch(18% .04 240);--color-info-text: oklch(75% .1 240);--shadow-s: 0 1px 3px oklch(0% 0 0 / .3);--shadow-m: 0 4px 8px oklch(0% 0 0 / .3);--input-bg: oklch(8% 0 0);--input-border: oklch(25% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(45% 0 0);--control-checked-bg: oklch(65% .2 25);--control-checked-border: oklch(65% .2 25);--range-track-bg: oklch(20% 0 0);--range-track-fill: oklch(65% .2 25);--range-thumb-bg: oklch(8% 0 0);--range-thumb-border: oklch(45% 0 0);--progress-track-bg: oklch(18% 0 0);--progress-fill: oklch(65% .2 25);:is(main,article) h1{border-block-end-color:var(--color-border-strong)}:is(main,article) hr:not([data-ornament]){background:var(--color-border-strong);&:before{background:var(--color-surface)}}:is(main,article) blockquote{border-block-start-color:#3a3a3a;border-block-end-color:#3a3a3a}:is(main,article) button,:is(main,article) .button{border-color:var(--color-border-strong);color:var(--color-text);&:hover{background:var(--color-border-strong);color:var(--color-surface)}}:is(main,article) .card{border-color:var(--color-border);&:hover{border-color:var(--color-border-strong)}}:is(main,article) pre{background:var(--color-surface-sunken);border-color:var(--color-border)}:is(main,article) code{background:#0e0a07;color:var(--color-primary)}:is(main,article) figure figcaption{border-block-start-color:var(--color-border)}:is(main,article) code-block{--cb-bg: oklch(5% 0 0);--cb-code-bg: oklch(5% 0 0);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(90% 0 0);--cb-comment: var(--color-text-subtle);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .1 290);--cb-number: oklch(72% .1 250);--cb-tag: var(--color-text-muted);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(5% 0 0)}}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=editorial],[data-theme~=editorial]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: oklch(99% 0 0);--color-surface-alt: oklch(97% .01 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .01 60);--color-background: oklch(99% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(35% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(10% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(10% 0 0);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(96% .03 20);--color-error-text: oklch(38% .12 20);--color-warning: oklch(62% .12 65);--color-warning-subtle: oklch(96% .04 65);--color-warning-text: oklch(38% .1 65);--color-success: oklch(48% .1 155);--color-success-subtle: oklch(96% .03 155);--color-success-text: oklch(35% .08 155);--color-info: oklch(48% .1 240);--color-info-subtle: oklch(96% .03 240);--color-info-text: oklch(35% .08 240);--font-sans: Georgia, "Times New Roman", serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--line-height-normal: 1.75;--line-height-tight: 1.15;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(60% 0 0);--input-border: oklch(75% 0 0);--input-bg: oklch(100% 0 0);--range-track-h: 2px;--range-track-bg: oklch(80% 0 0);--range-thumb-size: 1rem;--range-thumb-border: oklch(40% 0 0);--progress-h: var(--size-2xs);--progress-track-bg: oklch(92% 0 0)}:root[data-theme~=editorial],[data-theme~=editorial]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:var(--color-border-strong);margin-block:3rem;position:relative;&:before{content:"\a7";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding-inline:1rem;color:var(--color-primary);font-size:1.25rem}}& h1{font-family:var(--font-heading);font-style:italic;font-weight:400;border-block-end:2px solid var(--color-border-strong);padding-block-end:.75rem;margin-block-end:1.5rem}& h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400;color:var(--color-primary);border-block-start:1px solid currentColor;padding-block-start:.5rem;margin-block-start:2rem}& h3{font-family:var(--font-heading);font-style:italic}& a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--color-primary)}}& article:not(.card):not(layout-sidebar>*){max-width:65ch;margin-inline:auto;>p:first-of-type:first-letter{font-family:var(--font-heading);font-size:5.5rem;float:left;line-height:.8;margin-inline-end:.75rem;margin-block-start:.1em;color:var(--color-primary);font-weight:400}>p:first-of-type{font-size:1.25rem;line-height:1.6}}& blockquote{border:none;padding:2rem 0;margin:2rem 0;border-block-start:1px solid var(--color-border-strong);border-block-end:1px solid var(--color-border-strong);font-family:var(--font-heading);font-size:1.75rem;font-style:italic;line-height:1.4;text-align:center;&:before{content:none}>cite,>footer{display:block;margin-block-start:1rem;font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}}.button,button{--btn-border-width: 1px;border-color:var(--color-border-strong);background:transparent;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.75rem 1.5rem;&:hover{background:var(--color-border-strong);color:var(--color-surface)}}.card{border:1px solid var(--color-border);padding:2rem;&:hover{border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);font-family:var(--font-mono)}& code{font-family:var(--font-mono);background:var(--color-surface-sunken);color:var(--color-primary)}& figure{margin-block:2rem;& figcaption{font-size:.875rem;font-style:italic;color:var(--color-text-muted);margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid var(--color-border)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: oklch(40% .12 145);--cb-function: oklch(35% .12 290);--cb-number: oklch(45% .12 250);--cb-button-bg: var(--color-surface)}}:root[data-theme~=editorial][data-mode=dark],[data-theme~=editorial][data-mode=dark]{color-scheme:dark;--color-surface: oklch(8% 0 0);--color-surface-alt: oklch(12% .01 60);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% .01 60);--color-background: oklch(5% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(65% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(65% .2 25);--color-primary-hover: oklch(70% .22 25);--color-primary-subtle: oklch(18% .06 25);--color-accent: oklch(92% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(25% 0 0);--color-border-muted: oklch(18% 0 0);--color-border-strong: oklch(92% 0 0);--color-error: oklch(62% .16 20);--color-error-subtle: oklch(18% .05 20);--color-error-text: oklch(75% .14 20);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(18% .05 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(60% .1 155);--color-success-subtle: oklch(18% .04 155);--color-success-text: oklch(75% .1 155);--color-info: oklch(60% .1 240);--color-info-subtle: oklch(18% .04 240);--color-info-text: oklch(75% .1 240);--shadow-s: 0 1px 3px oklch(0% 0 0 / .3);--shadow-m: 0 4px 8px oklch(0% 0 0 / .3);--input-bg: oklch(8% 0 0);--input-border: oklch(25% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(45% 0 0);--control-checked-bg: oklch(65% .2 25);--control-checked-border: oklch(65% .2 25);--range-track-bg: oklch(20% 0 0);--range-track-fill: oklch(65% .2 25);--range-thumb-bg: oklch(8% 0 0);--range-thumb-border: oklch(45% 0 0);--progress-track-bg: oklch(18% 0 0);--progress-fill: oklch(65% .2 25);:is(main,article) h1{border-block-end-color:var(--color-border-strong)}:is(main,article) hr:not([data-ornament]){background:var(--color-border-strong);&:before{background:var(--color-surface)}}:is(main,article) blockquote{border-block-start-color:#3a3a3a;border-block-end-color:#3a3a3a}:is(main,article) button,:is(main,article) .button{border-color:var(--color-border-strong);color:var(--color-text);&:hover{background:var(--color-border-strong);color:var(--color-surface)}}:is(main,article) .card{border-color:var(--color-border);&:hover{border-color:var(--color-border-strong)}}:is(main,article) pre{background:var(--color-surface-sunken);border-color:var(--color-border)}:is(main,article) code{background:#0e0a07;color:var(--color-primary)}:is(main,article) figure figcaption{border-block-start-color:var(--color-border)}:is(main,article) code-block{--cb-bg: oklch(5% 0 0);--cb-code-bg: oklch(5% 0 0);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(90% 0 0);--cb-comment: var(--color-text-subtle);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .1 290);--cb-number: oklch(72% .1 250);--cb-tag: var(--color-text-muted);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(5% 0 0)}}}
2
2
  /*# sourceMappingURL=editorial.css.map */
@@ -671,7 +671,7 @@
671
671
  "$extensions": {
672
672
  "com.vanilla-breeze": {
673
673
  "spec": "2025.10",
674
- "vbVersion": "0.4.0",
674
+ "vbVersion": "0.5.0",
675
675
  "unmapped": [
676
676
  "--theme-border-style",
677
677
  "--theme-icon-set",
@@ -459,7 +459,7 @@
459
459
  "$extensions": {
460
460
  "com.vanilla-breeze": {
461
461
  "spec": "2025.10",
462
- "vbVersion": "0.4.0",
462
+ "vbVersion": "0.5.0",
463
463
  "unmapped": [
464
464
  "--cb-header-bg",
465
465
  "--cb-keyword",
@@ -597,7 +597,7 @@
597
597
  "$extensions": {
598
598
  "com.vanilla-breeze": {
599
599
  "spec": "2025.10",
600
- "vbVersion": "0.4.0",
600
+ "vbVersion": "0.5.0",
601
601
  "unmapped": [
602
602
  "--theme-border-style",
603
603
  "--theme-icon-set"
@@ -1,2 +1,2 @@
1
- @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{@keyframes genai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root[data-theme~=genai],[data-theme~=genai]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(10% .03 280);--color-surface: oklch(15% .03 280);--color-surface-alt: oklch(13% .025 280);--color-surface-raised: oklch(18% .035 280);--color-surface-sunken: oklch(8% .02 280);--color-text: oklch(93% .015 280);--color-text-muted: oklch(75% .02 280);--color-text-subtle: oklch(58% .02 280);--color-primary: oklch(65% .22 280);--color-primary-hover: oklch(70% .24 280);--color-primary-subtle: oklch(22% .08 280);--color-accent: oklch(72% .2 320);--color-accent-hover: oklch(77% .21 320);--color-border: oklch(30% .06 280);--color-border-muted: oklch(22% .04 280);--color-border-strong: oklch(40% .08 280);--color-success: oklch(72% .16 170);--color-warning: oklch(75% .14 70);--color-error: oklch(65% .2 350);--color-info: oklch(68% .18 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .625rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 4px oklch(50% .15 280 / .15);--shadow-s: 0 2px 8px oklch(50% .15 280 / .2);--shadow-m: 0 4px 16px oklch(50% .15 280 / .25);--shadow-l: 0 8px 24px oklch(50% .18 280 / .3);--shadow-xl: 0 12px 36px oklch(50% .18 280 / .35);--shadow-2xl: 0 20px 48px oklch(50% .2 280 / .4);--duration-instant: 72ms;--duration-fast: 144ms;--duration-normal: .3s;--duration-slow: .48s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 15% 25%, oklch(25% .15 290 / .6) 0%, transparent 50%), radial-gradient(ellipse at 75% 15%, oklch(22% .12 250 / .5) 0%, transparent 50%), radial-gradient(ellipse at 55% 75%, oklch(25% .14 320 / .4) 0%, transparent 50%);--page-bg-color: oklch(10% .03 280)}:root[data-theme~=genai]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 25%,oklch(35% .2 290 / .5) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(30% .15 250 / .4) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(35% .18 320 / .35) 0%,transparent 50%),#02020c}:root[data-theme~=genai],[data-theme~=genai]{:is(main,article){& h1,h2{letter-spacing:.02em;font-weight:600}& h1{text-shadow:0 0 20px oklch(65% .22 280 / .5),0 0 40px oklch(65% .18 260 / .25)}& h2{text-shadow:0 0 12px oklch(65% .22 280 / .35),0 0 24px oklch(65% .15 260 / .15)}& hr:not([data-ornament]){border:none;height:2px;margin-block:2rem;background:linear-gradient(90deg,oklch(65% .22 280 / .2),#da74f199,oklch(68% .18 250 / .6),oklch(65% .22 280 / .2));background-size:200% 100%;animation:genai-shimmer 4s ease-in-out infinite}& a:not([class]){color:var(--color-accent);text-decoration-color:#da74f166;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(65% .22 280 / .6);padding:1.25rem;background:#08081b99;border-radius:var(--radius-m)}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#6159e1,oklch(50% .18 250));border:1px solid oklch(65% .22 280 / .3);box-shadow:0 0 12px #6159e140;&:hover:not(:disabled){box-shadow:0 0 20px #6d65fe66}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .2 280);--cb-string: oklch(72% .16 170);--cb-function: oklch(72% .18 320);--cb-number: oklch(75% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:oklch(65% .22 280 / .3);color:#edeef5}}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{color-scheme:light;--color-background: oklch(96% .02 280);--color-surface: oklch(99% .005 280);--color-surface-alt: oklch(97% .01 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .015 280);--color-text: oklch(12% .02 280);--color-text-muted: oklch(28% .02 280);--color-text-subtle: oklch(40% .015 280);--color-primary: oklch(50% .22 280);--color-primary-hover: oklch(45% .24 280);--color-primary-subtle: oklch(92% .05 280);--color-accent: oklch(55% .2 320);--color-accent-hover: oklch(50% .22 320);--color-border: oklch(80% .03 280);--color-border-muted: oklch(88% .02 280);--color-border-strong: oklch(65% .05 280);--color-success: oklch(52% .15 170);--color-warning: oklch(62% .14 70);--color-error: oklch(52% .2 350);--color-info: oklch(50% .18 250);--shadow-xs: 0 1px 4px oklch(50% .1 280 / .08);--shadow-s: 0 2px 8px oklch(50% .1 280 / .1);--shadow-m: 0 4px 16px oklch(50% .1 280 / .12);--shadow-l: 0 8px 24px oklch(50% .12 280 / .15);--shadow-xl: 0 12px 36px oklch(50% .12 280 / .18);--shadow-2xl: 0 20px 48px oklch(50% .15 280 / .2);--page-bg-gradient: none;--page-bg-color: oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light]:before{background:radial-gradient(ellipse at 15% 25%,oklch(80% .12 290 / .35) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(82% .1 250 / .3) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(85% .1 320 / .25) 0%,transparent 50%),oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{:is(main,article){& h1{text-shadow:0 0 30px oklch(50% .15 280 / .1),0 0 60px oklch(50% .1 260 / .05)}& h2{text-shadow:0 0 20px oklch(50% .12 280 / .08)}& hr:not([data-ornament]){background:linear-gradient(90deg,#5554b626,#9e45b166,oklch(50% .15 250 / .4),#5554b626);background-size:200% 100%}& blockquote{border-inline-start-color:#5443db80;background:#ebedfcb3}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#5449d0,oklch(45% .18 250));border:1px solid oklch(50% .2 280 / .3);box-shadow:0 0 10px #5554b626;&:hover:not(:disabled){box-shadow:0 0 16px #544ec540}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(45% .2 280);--cb-string: oklch(45% .15 170);--cb-function: oklch(50% .18 320);--cb-number: oklch(50% .14 70)}::selection{background:#5449d033;color:#090a13}}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{@keyframes genai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root[data-theme~=genai],[data-theme~=genai]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(10% .03 280);--color-surface: oklch(15% .03 280);--color-surface-alt: oklch(13% .025 280);--color-surface-raised: oklch(18% .035 280);--color-surface-sunken: oklch(8% .02 280);--color-text: oklch(93% .015 280);--color-text-muted: oklch(75% .02 280);--color-text-subtle: oklch(58% .02 280);--color-primary: oklch(65% .22 280);--color-primary-hover: oklch(70% .24 280);--color-primary-subtle: oklch(22% .08 280);--color-accent: oklch(72% .2 320);--color-accent-hover: oklch(77% .21 320);--color-border: oklch(30% .06 280);--color-border-muted: oklch(22% .04 280);--color-border-strong: oklch(40% .08 280);--color-success: oklch(72% .16 170);--color-warning: oklch(75% .14 70);--color-error: oklch(65% .2 350);--color-info: oklch(68% .18 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .625rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 4px oklch(50% .15 280 / .15);--shadow-s: 0 2px 8px oklch(50% .15 280 / .2);--shadow-m: 0 4px 16px oklch(50% .15 280 / .25);--shadow-l: 0 8px 24px oklch(50% .18 280 / .3);--shadow-xl: 0 12px 36px oklch(50% .18 280 / .35);--shadow-2xl: 0 20px 48px oklch(50% .2 280 / .4);--duration-instant: 72ms;--duration-fast: 144ms;--duration-normal: .3s;--duration-slow: .48s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 15% 25%, oklch(25% .15 290 / .6) 0%, transparent 50%), radial-gradient(ellipse at 75% 15%, oklch(22% .12 250 / .5) 0%, transparent 50%), radial-gradient(ellipse at 55% 75%, oklch(25% .14 320 / .4) 0%, transparent 50%);--page-bg-color: oklch(10% .03 280)}:root[data-theme~=genai]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 25%,oklch(35% .2 290 / .5) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(30% .15 250 / .4) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(35% .18 320 / .35) 0%,transparent 50%),#02020c}:root[data-theme~=genai],[data-theme~=genai]{:is(main,article){& h1,h2{letter-spacing:.02em;font-weight:600}& h1{text-shadow:0 0 20px oklch(65% .22 280 / .5),0 0 40px oklch(65% .18 260 / .25)}& h2{text-shadow:0 0 12px oklch(65% .22 280 / .35),0 0 24px oklch(65% .15 260 / .15)}& hr:not([data-ornament]){border:none;height:2px;margin-block:2rem;background:linear-gradient(90deg,oklch(65% .22 280 / .2),#da74f199,oklch(68% .18 250 / .6),oklch(65% .22 280 / .2));background-size:200% 100%;animation:genai-shimmer 4s ease-in-out infinite}& a:not([class]){color:var(--color-accent);text-decoration-color:#da74f166;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(65% .22 280 / .6);padding:1.25rem;background:#08081b99;border-radius:var(--radius-m)}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#6159e1,oklch(50% .18 250));--btn-border-width: 1px;border-color:oklch(65% .22 280 / .3);box-shadow:0 0 12px #6159e140;&:hover:not(:disabled){box-shadow:0 0 20px #6d65fe66}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .2 280);--cb-string: oklch(72% .16 170);--cb-function: oklch(72% .18 320);--cb-number: oklch(75% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:oklch(65% .22 280 / .3);color:#edeef5}}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{color-scheme:light;--color-background: oklch(96% .02 280);--color-surface: oklch(99% .005 280);--color-surface-alt: oklch(97% .01 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .015 280);--color-text: oklch(12% .02 280);--color-text-muted: oklch(28% .02 280);--color-text-subtle: oklch(40% .015 280);--color-primary: oklch(50% .22 280);--color-primary-hover: oklch(45% .24 280);--color-primary-subtle: oklch(92% .05 280);--color-accent: oklch(55% .2 320);--color-accent-hover: oklch(50% .22 320);--color-border: oklch(80% .03 280);--color-border-muted: oklch(88% .02 280);--color-border-strong: oklch(65% .05 280);--color-success: oklch(52% .15 170);--color-warning: oklch(62% .14 70);--color-error: oklch(52% .2 350);--color-info: oklch(50% .18 250);--shadow-xs: 0 1px 4px oklch(50% .1 280 / .08);--shadow-s: 0 2px 8px oklch(50% .1 280 / .1);--shadow-m: 0 4px 16px oklch(50% .1 280 / .12);--shadow-l: 0 8px 24px oklch(50% .12 280 / .15);--shadow-xl: 0 12px 36px oklch(50% .12 280 / .18);--shadow-2xl: 0 20px 48px oklch(50% .15 280 / .2);--page-bg-gradient: none;--page-bg-color: oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light]:before{background:radial-gradient(ellipse at 15% 25%,oklch(80% .12 290 / .35) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(82% .1 250 / .3) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(85% .1 320 / .25) 0%,transparent 50%),oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{:is(main,article){& h1{text-shadow:0 0 30px oklch(50% .15 280 / .1),0 0 60px oklch(50% .1 260 / .05)}& h2{text-shadow:0 0 20px oklch(50% .12 280 / .08)}& hr:not([data-ornament]){background:linear-gradient(90deg,#5554b626,#9e45b166,oklch(50% .15 250 / .4),#5554b626);background-size:200% 100%}& blockquote{border-inline-start-color:#5443db80;background:#ebedfcb3}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#5449d0,oklch(45% .18 250));--btn-border-width: 1px;border-color:#5449d04d;box-shadow:0 0 10px #5554b626;&:hover:not(:disabled){box-shadow:0 0 16px #544ec540}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(45% .2 280);--cb-string: oklch(45% .15 170);--cb-function: oklch(50% .18 320);--cb-number: oklch(50% .14 70)}::selection{background:#5449d033;color:#090a13}}}
2
2
  /*# sourceMappingURL=genai.css.map */
@@ -522,7 +522,7 @@
522
522
  "$extensions": {
523
523
  "com.vanilla-breeze": {
524
524
  "spec": "2025.10",
525
- "vbVersion": "0.4.0",
525
+ "vbVersion": "0.5.0",
526
526
  "unmapped": [
527
527
  "--theme-border-style",
528
528
  "--theme-icon-set",
@@ -454,7 +454,7 @@
454
454
  "$extensions": {
455
455
  "com.vanilla-breeze": {
456
456
  "spec": "2025.10",
457
- "vbVersion": "0.4.0",
457
+ "vbVersion": "0.5.0",
458
458
  "unmapped": [
459
459
  "--glass-surface-opacity",
460
460
  "--glass-surface-alt-opacity",
@@ -592,7 +592,7 @@
592
592
  "$extensions": {
593
593
  "com.vanilla-breeze": {
594
594
  "spec": "2025.10",
595
- "vbVersion": "0.4.0",
595
+ "vbVersion": "0.5.0",
596
596
  "unmapped": [
597
597
  "--theme-border-style",
598
598
  "--theme-icon-set",
@@ -459,7 +459,7 @@
459
459
  "$extensions": {
460
460
  "com.vanilla-breeze": {
461
461
  "spec": "2025.10",
462
- "vbVersion": "0.4.0",
462
+ "vbVersion": "0.5.0",
463
463
  "unmapped": [
464
464
  "--cb-header-bg",
465
465
  "--cb-keyword",
@@ -598,7 +598,7 @@
598
598
  "$extensions": {
599
599
  "com.vanilla-breeze": {
600
600
  "spec": "2025.10",
601
- "vbVersion": "0.4.0",
601
+ "vbVersion": "0.5.0",
602
602
  "unmapped": [
603
603
  "--theme-border-style",
604
604
  "--theme-icon-set"
@@ -459,7 +459,7 @@
459
459
  "$extensions": {
460
460
  "com.vanilla-breeze": {
461
461
  "spec": "2025.10",
462
- "vbVersion": "0.4.0",
462
+ "vbVersion": "0.5.0",
463
463
  "unmapped": [
464
464
  "--cb-header-bg",
465
465
  "--cb-keyword",
@@ -598,7 +598,7 @@
598
598
  "$extensions": {
599
599
  "com.vanilla-breeze": {
600
600
  "spec": "2025.10",
601
- "vbVersion": "0.4.0",
601
+ "vbVersion": "0.5.0",
602
602
  "unmapped": [
603
603
  "--theme-border-style",
604
604
  "--theme-icon-set"
@@ -110,6 +110,28 @@
110
110
  ]
111
111
  }
112
112
  },
113
+ "interactive": {
114
+ "$type": "color",
115
+ "$value": {
116
+ "colorSpace": "oklch",
117
+ "components": [
118
+ 0.62,
119
+ 0.22,
120
+ 25
121
+ ]
122
+ }
123
+ },
124
+ "interactive-hover": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "oklch",
128
+ "components": [
129
+ 0.67,
130
+ 0.24,
131
+ 25
132
+ ]
133
+ }
134
+ },
113
135
  "primary-subtle": {
114
136
  "$type": "color",
115
137
  "$value": {
@@ -384,7 +406,7 @@
384
406
  "$extensions": {
385
407
  "com.vanilla-breeze": {
386
408
  "spec": "2025.10",
387
- "vbVersion": "0.4.0",
409
+ "vbVersion": "0.5.0",
388
410
  "unmapped": [
389
411
  "--cb-header-bg",
390
412
  "--cb-keyword",
@@ -1,2 +1,2 @@
1
- @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=high-noon],[data-theme~=high-noon]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .002 0);--color-surface-alt: oklch(96% .005 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 0);--color-text: oklch(10% .005 0);--color-text-muted: oklch(30% .005 0);--color-text-subtle: oklch(45% .005 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .04 25);--color-accent: oklch(55% .2 260);--color-accent-hover: oklch(50% .22 260);--color-border: oklch(80% .005 0);--color-border-muted: oklch(88% .003 0);--color-border-strong: oklch(55% .005 0);--color-success: oklch(50% .18 145);--color-warning: oklch(68% .18 70);--color-error: oklch(50% .22 25);--color-info: oklch(55% .2 260);--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.55;--line-height-tight: 1.15;--radius-xs: 2px;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .12);--shadow-s: 0 2px 6px oklch(0% 0 0 / .15);--shadow-m: 0 4px 12px oklch(0% 0 0 / .18);--shadow-l: 0 8px 24px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .22);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .25);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=high-noon],[data-theme~=high-noon]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:3px solid oklch(15% .005 0);margin-block:2rem}& h1,h2{font-weight:800;letter-spacing:-.02em;color:#040303}& h3,h4{font-weight:700;letter-spacing:-.01em}& a:not([class]){color:oklch(50% .22 25);text-decoration-color:oklch(50% .22 25 / .5);text-underline-offset:.15em;font-weight:500;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(50% .22 25);padding-inline-start:1.25rem;color:#242121}.button,button{font-weight:700;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .22 25);--cb-string: oklch(50% .18 145);--cb-function: oklch(55% .2 260);--cb-number: oklch(55% .15 50);--cb-button-bg: var(--color-surface)}::selection{background:oklch(50% .22 25 / .2);color:#040303}}:root[data-theme~=high-noon][data-mode=dark],[data-theme~=high-noon][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% .003 0);--color-surface-alt: oklch(14% .003 0);--color-surface-raised: oklch(18% .003 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% .003 0);--color-text-muted: oklch(75% .003 0);--color-text-subtle: oklch(55% .003 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(15% .08 25);--color-accent: oklch(62% .2 260);--color-accent-hover: oklch(67% .22 260);--color-border: oklch(20% .003 0);--color-border-muted: oklch(15% .003 0);--color-border-strong: oklch(40% .003 0);--color-success: oklch(58% .18 145);--color-warning: oklch(72% .18 70);--color-error: oklch(58% .22 25);--color-info: oklch(62% .2 260);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-s: 0 2px 6px oklch(0% 0 0 / .45);--shadow-m: 0 4px 12px oklch(0% 0 0 / .5);--shadow-l: 0 8px 24px oklch(0% 0 0 / .5);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .5);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .55);:is(main,article){& hr:not([data-ornament]){border-color:#232121}& h1,h2{color:#f7f4f5}& a:not([class]){color:#df202e}& blockquote{border-color:#df202e;color:#b0adae}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 25);--cb-string: oklch(58% .18 145);--cb-function: oklch(62% .2 260);--cb-number: oklch(65% .15 50)}::selection{background:#df202e4d;color:#f0eeee}}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=high-noon],[data-theme~=high-noon]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .002 0);--color-surface-alt: oklch(96% .005 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 0);--color-text: oklch(10% .005 0);--color-text-muted: oklch(30% .005 0);--color-text-subtle: oklch(45% .005 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .04 25);--color-accent: oklch(55% .2 260);--color-accent-hover: oklch(50% .22 260);--color-border: oklch(80% .005 0);--color-border-muted: oklch(88% .003 0);--color-border-strong: oklch(55% .005 0);--color-success: oklch(50% .18 145);--color-warning: oklch(68% .18 70);--color-error: oklch(50% .22 25);--color-info: oklch(55% .2 260);--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.55;--line-height-tight: 1.15;--radius-xs: 2px;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .12);--shadow-s: 0 2px 6px oklch(0% 0 0 / .15);--shadow-m: 0 4px 12px oklch(0% 0 0 / .18);--shadow-l: 0 8px 24px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .22);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .25);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=high-noon],[data-theme~=high-noon]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:3px solid oklch(15% .005 0);margin-block:2rem}& h1,h2{font-weight:800;letter-spacing:-.02em;color:#040303}& h3,h4{font-weight:700;letter-spacing:-.01em}& a:not([class]){color:oklch(50% .22 25);text-decoration-color:oklch(50% .22 25 / .5);text-underline-offset:.15em;font-weight:500;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(50% .22 25);padding-inline-start:1.25rem;color:#242121}.button,button{font-weight:700;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .22 25);--cb-string: oklch(50% .18 145);--cb-function: oklch(55% .2 260);--cb-number: oklch(55% .15 50);--cb-button-bg: var(--color-surface)}::selection{background:oklch(50% .22 25 / .2);color:#040303}}:root[data-theme~=high-noon][data-mode=dark],[data-theme~=high-noon][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% .003 0);--color-surface-alt: oklch(14% .003 0);--color-surface-raised: oklch(18% .003 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% .003 0);--color-text-muted: oklch(75% .003 0);--color-text-subtle: oklch(55% .003 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(15% .08 25);--color-accent: oklch(62% .2 260);--color-accent-hover: oklch(67% .22 260);--color-border: oklch(20% .003 0);--color-border-muted: oklch(15% .003 0);--color-border-strong: oklch(40% .003 0);--color-success: oklch(58% .18 145);--color-warning: oklch(72% .18 70);--color-error: oklch(58% .22 25);--color-info: oklch(62% .2 260);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-s: 0 2px 6px oklch(0% 0 0 / .45);--shadow-m: 0 4px 12px oklch(0% 0 0 / .5);--shadow-l: 0 8px 24px oklch(0% 0 0 / .5);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .5);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .55);:is(main,article){& hr:not([data-ornament]){border-color:#232121}& h1,h2{color:#f7f4f5}& a:not([class]){color:var(--color-interactive)}& blockquote{border-color:#df202e;color:#b0adae}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 25);--cb-string: oklch(58% .18 145);--cb-function: oklch(62% .2 260);--cb-number: oklch(65% .15 50)}::selection{background:#df202e4d;color:#f0eeee}}}
2
2
  /*# sourceMappingURL=high-noon.css.map */
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.4.0",
526
+ "vbVersion": "0.5.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set"
@@ -121,6 +121,38 @@
121
121
  ]
122
122
  }
123
123
  },
124
+ "interactive": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "srgb",
128
+ "components": [
129
+ 0,
130
+ 0,
131
+ 0
132
+ ]
133
+ },
134
+ "$extensions": {
135
+ "com.vanilla-breeze": {
136
+ "literal": "var(--color-primary)"
137
+ }
138
+ }
139
+ },
140
+ "interactive-hover": {
141
+ "$type": "color",
142
+ "$value": {
143
+ "colorSpace": "srgb",
144
+ "components": [
145
+ 0,
146
+ 0,
147
+ 0
148
+ ]
149
+ },
150
+ "$extensions": {
151
+ "com.vanilla-breeze": {
152
+ "literal": "var(--color-primary-hover)"
153
+ }
154
+ }
155
+ },
124
156
  "accent": {
125
157
  "$type": "color",
126
158
  "$value": {
@@ -395,7 +427,7 @@
395
427
  "$extensions": {
396
428
  "com.vanilla-breeze": {
397
429
  "spec": "2025.10",
398
- "vbVersion": "0.4.0",
430
+ "vbVersion": "0.5.0",
399
431
  "unmapped": [
400
432
  "--page-bg-color",
401
433
  "--page-bg-image",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,400;0,600;0,700;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono: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~=journal],[data-theme~=journal]{color-scheme:light;--theme-border-style: rough;--theme-icon-set: lucide;--_journal-paper: oklch(.965 .018 88);--_journal-paper-edge: oklch(.99 .01 88);--_journal-kraft: oklch(.81 .06 72);--_journal-ink: oklch(.32 .045 262);--_journal-pencil: oklch(.56 .012 270);--_journal-dot: oklch(.8 .018 250);--_journal-margin: oklch(.64 .16 25);--_journal-mint: oklch(.86 .09 160);--_journal-blush: oklch(.86 .08 18);--_journal-butter: oklch(.91 .1 96);--_journal-sky: oklch(.85 .08 232);--_journal-lilac: oklch(.84 .08 300);--_journal-coral: oklch(.79 .13 36);--color-background: var(--_journal-paper);--color-surface: var(--_journal-paper-edge);--color-surface-alt: oklch(.95 .015 88);--color-surface-raised: oklch(1 .004 88);--color-surface-sunken: oklch(.93 .012 250);--color-text: var(--_journal-ink);--color-text-muted: var(--_journal-pencil);--color-text-subtle: oklch(.58 .012 270);--color-primary: oklch(.55 .1 165);--caret-color: var(--color-primary);--color-primary-hover: oklch(.48 .1 165);--color-primary-subtle: oklch(.93 .03 160);--color-accent: oklch(.62 .16 36);--color-accent-hover: oklch(.55 .16 36);--color-accent-subtle: oklch(.93 .04 36);--color-success: oklch(.58 .12 150);--color-warning: oklch(.74 .12 85);--color-error: oklch(.58 .16 25);--color-info: oklch(.62 .1 232);--color-border: var(--_journal-dot);--color-border-muted: oklch(.88 .012 250);--color-border-strong: oklch(.7 .02 250);--_journal-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-sans: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--line-height-normal: 1.5;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 5px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(.4 .04 60 / .1);--shadow-s: 0 2px 5px oklch(.4 .04 60 / .12);--shadow-m: 0 4px 12px oklch(.4 .04 60 / .16);--shadow-l: 0 10px 24px oklch(.4 .04 60 / .2);--shadow-xl: 0 16px 36px oklch(.4 .04 60 / .24);--shadow-2xl: 0 22px 48px oklch(.4 .04 60 / .28);--duration-instant: 60ms;--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);--page-bg-color: var(--_journal-paper);--page-bg-image: radial-gradient(circle, var(--_journal-dot) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}:root[data-theme~=journal] :is(h1,h2,h3),[data-theme~=journal] :is(h1,h2,h3){font-family:var(--_journal-hand);color:var(--color-text)}:root[data-theme~=journal][data-mode=dark],[data-theme~=journal][data-mode=dark]{color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}@media(prefers-color-scheme:dark){:root[data-theme~=journal]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}}}
1
+ @import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,400;0,600;0,700;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono: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~=journal],[data-theme~=journal]{color-scheme:light;--theme-border-style: rough;--theme-icon-set: lucide;--_journal-paper: oklch(.965 .018 88);--_journal-paper-edge: oklch(.99 .01 88);--_journal-kraft: oklch(.81 .06 72);--_journal-ink: oklch(.32 .045 262);--_journal-pencil: oklch(.56 .012 270);--_journal-dot: oklch(.8 .018 250);--_journal-margin: oklch(.64 .16 25);--_journal-mint: oklch(.86 .09 160);--_journal-blush: oklch(.86 .08 18);--_journal-butter: oklch(.91 .1 96);--_journal-sky: oklch(.85 .08 232);--_journal-lilac: oklch(.84 .08 300);--_journal-coral: oklch(.79 .13 36);--color-background: var(--_journal-paper);--color-surface: var(--_journal-paper-edge);--color-surface-alt: oklch(.95 .015 88);--color-surface-raised: oklch(1 .004 88);--color-surface-sunken: oklch(.93 .012 250);--color-text: var(--_journal-ink);--color-text-muted: var(--_journal-pencil);--color-text-subtle: oklch(.58 .012 270);--color-primary: oklch(.55 .1 165);--caret-color: var(--color-primary);--color-primary-hover: oklch(.48 .1 165);--color-interactive: oklch(.52 .1 165);--color-interactive-hover: oklch(.46 .1 165);--color-primary-subtle: oklch(.93 .03 160);--color-accent: oklch(.62 .16 36);--color-accent-hover: oklch(.55 .16 36);--color-accent-subtle: oklch(.93 .04 36);--color-success: oklch(.58 .12 150);--color-warning: oklch(.74 .12 85);--color-error: oklch(.58 .16 25);--color-info: oklch(.62 .1 232);--color-border: var(--_journal-dot);--color-border-muted: oklch(.88 .012 250);--color-border-strong: oklch(.7 .02 250);--_journal-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-sans: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--line-height-normal: 1.5;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 5px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(.4 .04 60 / .1);--shadow-s: 0 2px 5px oklch(.4 .04 60 / .12);--shadow-m: 0 4px 12px oklch(.4 .04 60 / .16);--shadow-l: 0 10px 24px oklch(.4 .04 60 / .2);--shadow-xl: 0 16px 36px oklch(.4 .04 60 / .24);--shadow-2xl: 0 22px 48px oklch(.4 .04 60 / .28);--duration-instant: 60ms;--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);--page-bg-color: var(--_journal-paper);--page-bg-image: radial-gradient(circle, var(--_journal-dot) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}:root[data-theme~=journal] :is(h1,h2,h3),[data-theme~=journal] :is(h1,h2,h3){font-family:var(--_journal-hand);color:var(--color-text)}:root[data-theme~=journal][data-mode=dark],[data-theme~=journal][data-mode=dark]{color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}@media(prefers-color-scheme:dark){:root[data-theme~=journal]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}}}
2
2
  /*# sourceMappingURL=journal.css.map */
@@ -130,6 +130,28 @@
130
130
  ]
131
131
  }
132
132
  },
133
+ "interactive": {
134
+ "$type": "color",
135
+ "$value": {
136
+ "colorSpace": "oklch",
137
+ "components": [
138
+ 0.52,
139
+ 0.1,
140
+ 165
141
+ ]
142
+ }
143
+ },
144
+ "interactive-hover": {
145
+ "$type": "color",
146
+ "$value": {
147
+ "colorSpace": "oklch",
148
+ "components": [
149
+ 0.46,
150
+ 0.1,
151
+ 165
152
+ ]
153
+ }
154
+ },
133
155
  "primary-subtle": {
134
156
  "$type": "color",
135
157
  "$value": {
@@ -555,7 +577,7 @@
555
577
  "$extensions": {
556
578
  "com.vanilla-breeze": {
557
579
  "spec": "2025.10",
558
- "vbVersion": "0.4.0",
580
+ "vbVersion": "0.5.0",
559
581
  "unmapped": [
560
582
  "--theme-border-style",
561
583
  "--theme-icon-set",
@@ -516,7 +516,7 @@
516
516
  "$extensions": {
517
517
  "com.vanilla-breeze": {
518
518
  "spec": "2025.10",
519
- "vbVersion": "0.4.0",
519
+ "vbVersion": "0.5.0",
520
520
  "unmapped": [
521
521
  "--_kawaii-color-lavender",
522
522
  "--_kawaii-color-peach",
@@ -1,2 +1,2 @@
1
- @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)}}}
1
+ @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));--btn-border-width: 0px;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;inset-block-start:-1rem;inset-inline-start:1.5rem;font-size:2rem}&:dir(rtl):before{transform:scaleX(-1)}}& 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)}}}
2
2
  /*# sourceMappingURL=kawaii.css.map */
@@ -628,7 +628,7 @@
628
628
  "$extensions": {
629
629
  "com.vanilla-breeze": {
630
630
  "spec": "2025.10",
631
- "vbVersion": "0.4.0",
631
+ "vbVersion": "0.5.0",
632
632
  "unmapped": [
633
633
  "--theme-border-style",
634
634
  "--caret-color",