@sepale/components 0.0.0-stage → 0.1.0

package/dist/generated/registry.js

@@ -0,0 +1,2658 @@
+// AUTO-GENERATED by scripts/gen-registry.mjs — do not edit.
+export const families = ["cosmos", "dahlia", "daisy", "peony", "sunflower"];
+export const themesByFamily = {
+    "cosmos": [
+        {
+            "name": "kraft",
+            "label": "Kraft",
+            "scheme": "light",
+            "vars": {
+                "color-surface-1": "#e8d9bd",
+                "color-surface-2": "#dcc9a6",
+                "color-surface-3": "#cbb68e",
+                "color-border": "#3b2f22",
+                "color-on-surface": "#3b2f22",
+                "color-primary": "#8c5a3b",
+                "color-secondary": "#6b705c",
+                "color-accent": "#d98e04",
+                "color-neutral": "#3b2f22",
+                "color-info": "#4f7a91",
+                "color-success": "#6a8f4f",
+                "color-warning": "#d98e04",
+                "color-error": "#a4443b",
+                "border": "2px"
+            }
+        },
+        {
+            "name": "paper",
+            "label": "Paper",
+            "scheme": "light",
+            "vars": {
+                "color-surface-1": "#fdfdf6",
+                "color-surface-2": "#f5f3e8",
+                "color-surface-3": "#eae7d6",
+                "color-border": "#41403e",
+                "color-on-surface": "#41403e",
+                "color-primary": "#41403e",
+                "color-secondary": "#7f8c8d",
+                "color-accent": "#f6c667",
+                "color-neutral": "#41403e",
+                "color-info": "#6ca9d6",
+                "color-success": "#86b98a",
+                "color-warning": "#f6c667",
+                "color-error": "#d97b6c",
+                "border": "2px"
+            }
+        },
+        {
+            "name": "slate",
+            "label": "Slate",
+            "scheme": "dark",
+            "vars": {
+                "color-surface-1": "#2f3336",
+                "color-surface-2": "#3a3f42",
+                "color-surface-3": "#474d50",
+                "color-border": "#e8e6df",
+                "color-on-surface": "#e8e6df",
+                "color-primary": "#e8e6df",
+                "color-secondary": "#a8b0b3",
+                "color-accent": "#f6c667",
+                "color-neutral": "#e8e6df",
+                "color-info": "#8fc0dd",
+                "color-success": "#a3cf9f",
+                "color-warning": "#f6c667",
+                "color-error": "#e59486",
+                "border": "2px"
+            }
+        }
+    ],
+    "dahlia": [
+        {
+            "name": "dark",
+            "label": "Dark",
+            "scheme": "dark",
+            "vars": {
+                "color-surface-1": "#111113",
+                "color-surface-2": "#18191b",
+                "color-surface-3": "#212225",
+                "color-surface-4": "#272a2d",
+                "color-border": "#3a3f42",
+                "color-on-surface": "#edeef0",
+                "color-primary": "#3e63dd",
+                "color-secondary": "#8e4ec6",
+                "color-accent": "#0090ff",
+                "color-neutral": "#696e77",
+                "color-info": "#0090ff",
+                "color-success": "#30a46c",
+                "color-warning": "#ffc53d",
+                "color-error": "#e5484d",
+                "radius-field": "0.375rem",
+                "radius-box": "0.625rem",
+                "radius-selector": "0.25rem"
+            }
+        },
+        {
+            "name": "jade",
+            "label": "Jade",
+            "scheme": "light",
+            "vars": {
+                "color-surface-1": "#fcfdfc",
+                "color-surface-2": "#f8faf8",
+                "color-surface-3": "#eff1ef",
+                "color-surface-4": "#e7e9e7",
+                "color-border": "#dcdfdc",
+                "color-on-surface": "#1a211e",
+                "color-primary": "#29a383",
+                "color-secondary": "#3e63dd",
+                "color-accent": "#0090ff",
+                "color-neutral": "#5f6563",
+                "color-info": "#0090ff",
+                "color-success": "#30a46c",
+                "color-warning": "#ffc53d",
+                "color-error": "#e5484d",
+                "radius-field": "0.375rem",
+                "radius-box": "0.625rem",
+                "radius-selector": "0.25rem"
+            }
+        },
+        {
+            "name": "light",
+            "label": "Light",
+            "scheme": "light",
+            "vars": {
+                "color-surface-1": "#fcfcfd",
+                "color-surface-2": "#f9f9fb",
+                "color-surface-3": "#f0f0f3",
+                "color-surface-4": "#e8e8ec",
+                "color-border": "#dddde3",
+                "color-on-surface": "#1c2024",
+                "color-primary": "#3e63dd",
+                "color-secondary": "#8e4ec6",
+                "color-accent": "#0090ff",
+                "color-neutral": "#60646c",
+                "color-info": "#0090ff",
+                "color-success": "#30a46c",
+                "color-warning": "#ffc53d",
+                "color-error": "#e5484d",
+                "radius-field": "0.375rem",
+                "radius-box": "0.625rem",
+                "radius-selector": "0.25rem"
+            }
+        }
+    ],
+    "daisy": [
+        {
+            "name": "abyss",
+            "label": "Abyss",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(20% 0.08 209)",
+                "color-base-200": "oklch(15% 0.08 209)",
+                "color-base-300": "oklch(10% 0.08 209)",
+                "color-base-content": "oklch(90% 0.076 70.697)",
+                "color-primary": "oklch(92% 0.2653 125)",
+                "color-primary-content": "oklch(50% 0.2653 125)",
+                "color-secondary": "oklch(83.27% 0.0764 298.3)",
+                "color-secondary-content": "oklch(43.27% 0.0764 298.3)",
+                "color-accent": "oklch(43% 0 0)",
+                "color-accent-content": "oklch(98% 0 0)",
+                "color-neutral": "oklch(30% 0.08 209)",
+                "color-neutral-content": "oklch(90% 0.076 70.697)",
+                "color-info": "oklch(74% 0.16 232.661)",
+                "color-info-content": "oklch(29% 0.066 243.157)",
+                "color-success": "oklch(79% 0.209 151.711)",
+                "color-success-content": "oklch(26% 0.065 152.934)",
+                "color-warning": "oklch(84.8% 0.1962 84.62)",
+                "color-warning-content": "oklch(44.8% 0.1962 84.62)",
+                "color-error": "oklch(65% 0.1985 24.22)",
+                "color-error-content": "oklch(27% 0.1985 24.22)",
+                "radius-selector": "2rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "acid",
+            "label": "Acid",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(98% 0 0)",
+                "color-base-200": "oklch(95% 0 0)",
+                "color-base-300": "oklch(91% 0 0)",
+                "color-base-content": "oklch(0% 0 0)",
+                "color-primary": "oklch(71.9% 0.357 330.759)",
+                "color-primary-content": "oklch(14.38% 0.071 330.759)",
+                "color-secondary": "oklch(73.37% 0.224 48.25)",
+                "color-secondary-content": "oklch(14.674% 0.044 48.25)",
+                "color-accent": "oklch(92.78% 0.264 122.962)",
+                "color-accent-content": "oklch(18.556% 0.052 122.962)",
+                "color-neutral": "oklch(21.31% 0.128 278.68)",
+                "color-neutral-content": "oklch(84.262% 0.025 278.68)",
+                "color-info": "oklch(60.72% 0.227 252.05)",
+                "color-info-content": "oklch(12.144% 0.045 252.05)",
+                "color-success": "oklch(85.72% 0.266 158.53)",
+                "color-success-content": "oklch(17.144% 0.053 158.53)",
+                "color-warning": "oklch(91.01% 0.212 100.5)",
+                "color-warning-content": "oklch(18.202% 0.042 100.5)",
+                "color-error": "oklch(64.84% 0.293 29.349)",
+                "color-error-content": "oklch(12.968% 0.058 29.349)",
+                "radius-selector": "1rem",
+                "radius-field": "1rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "aqua",
+            "label": "Aqua",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(37% 0.146 265.522)",
+                "color-base-200": "oklch(28% 0.091 267.935)",
+                "color-base-300": "oklch(22% 0.091 267.935)",
+                "color-base-content": "oklch(90% 0.058 230.902)",
+                "color-primary": "oklch(85.661% 0.144 198.645)",
+                "color-primary-content": "oklch(40.124% 0.068 197.603)",
+                "color-secondary": "oklch(60.682% 0.108 309.782)",
+                "color-secondary-content": "oklch(96% 0.016 293.756)",
+                "color-accent": "oklch(93.426% 0.102 94.555)",
+                "color-accent-content": "oklch(18.685% 0.02 94.555)",
+                "color-neutral": "oklch(27% 0.146 265.522)",
+                "color-neutral-content": "oklch(80% 0.146 265.522)",
+                "color-info": "oklch(54.615% 0.215 262.88)",
+                "color-info-content": "oklch(90.923% 0.043 262.88)",
+                "color-success": "oklch(62.705% 0.169 149.213)",
+                "color-success-content": "oklch(12.541% 0.033 149.213)",
+                "color-warning": "oklch(66.584% 0.157 58.318)",
+                "color-warning-content": "oklch(27% 0.077 45.635)",
+                "color-error": "oklch(73.95% 0.19 27.33)",
+                "color-error-content": "oklch(14.79% 0.038 27.33)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "autumn",
+            "label": "Autumn",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(95.814% 0 0)",
+                "color-base-200": "oklch(89.107% 0 0)",
+                "color-base-300": "oklch(82.4% 0 0)",
+                "color-base-content": "oklch(19.162% 0 0)",
+                "color-primary": "oklch(40.723% 0.161 17.53)",
+                "color-primary-content": "oklch(88.144% 0.032 17.53)",
+                "color-secondary": "oklch(61.676% 0.169 23.865)",
+                "color-secondary-content": "oklch(12.335% 0.033 23.865)",
+                "color-accent": "oklch(73.425% 0.094 60.729)",
+                "color-accent-content": "oklch(14.685% 0.018 60.729)",
+                "color-neutral": "oklch(54.367% 0.037 51.902)",
+                "color-neutral-content": "oklch(90.873% 0.007 51.902)",
+                "color-info": "oklch(69.224% 0.097 207.284)",
+                "color-info-content": "oklch(13.844% 0.019 207.284)",
+                "color-success": "oklch(60.995% 0.08 174.616)",
+                "color-success-content": "oklch(12.199% 0.016 174.616)",
+                "color-warning": "oklch(70.081% 0.164 56.844)",
+                "color-warning-content": "oklch(14.016% 0.032 56.844)",
+                "color-error": "oklch(53.07% 0.241 24.16)",
+                "color-error-content": "oklch(90.614% 0.048 24.16)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "black",
+            "label": "Black",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(0% 0 0)",
+                "color-base-200": "oklch(19% 0 0)",
+                "color-base-300": "oklch(22% 0 0)",
+                "color-base-content": "oklch(87.609% 0 0)",
+                "color-primary": "oklch(35% 0 0)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(35% 0 0)",
+                "color-secondary-content": "oklch(100% 0 0)",
+                "color-accent": "oklch(35% 0 0)",
+                "color-accent-content": "oklch(100% 0 0)",
+                "color-neutral": "oklch(35% 0 0)",
+                "color-neutral-content": "oklch(100% 0 0)",
+                "color-info": "oklch(45.201% 0.313 264.052)",
+                "color-info-content": "oklch(89.04% 0.062 264.052)",
+                "color-success": "oklch(51.975% 0.176 142.495)",
+                "color-success-content": "oklch(90.395% 0.035 142.495)",
+                "color-warning": "oklch(96.798% 0.211 109.769)",
+                "color-warning-content": "oklch(19.359% 0.042 109.769)",
+                "color-error": "oklch(62.795% 0.257 29.233)",
+                "color-error-content": "oklch(12.559% 0.051 29.233)",
+                "radius-selector": "0rem",
+                "radius-field": "0rem",
+                "radius-box": "0rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "bumblebee",
+            "label": "Bumblebee",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(97% 0 0)",
+                "color-base-300": "oklch(92% 0 0)",
+                "color-base-content": "oklch(20% 0 0)",
+                "color-primary": "oklch(85% 0.199 91.936)",
+                "color-primary-content": "oklch(42% 0.095 57.708)",
+                "color-secondary": "oklch(75% 0.183 55.934)",
+                "color-secondary-content": "oklch(40% 0.123 38.172)",
+                "color-accent": "oklch(0% 0 0)",
+                "color-accent-content": "oklch(100% 0 0)",
+                "color-neutral": "oklch(37% 0.01 67.558)",
+                "color-neutral-content": "oklch(92% 0.003 48.717)",
+                "color-info": "oklch(74% 0.16 232.661)",
+                "color-info-content": "oklch(39% 0.09 240.876)",
+                "color-success": "oklch(76% 0.177 163.223)",
+                "color-success-content": "oklch(37% 0.077 168.94)",
+                "color-warning": "oklch(82% 0.189 84.429)",
+                "color-warning-content": "oklch(41% 0.112 45.904)",
+                "color-error": "oklch(70% 0.191 22.216)",
+                "color-error-content": "oklch(39% 0.141 25.723)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "business",
+            "label": "Business",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(24.353% 0 0)",
+                "color-base-200": "oklch(22.648% 0 0)",
+                "color-base-300": "oklch(20.944% 0 0)",
+                "color-base-content": "oklch(84.87% 0 0)",
+                "color-primary": "oklch(41.703% 0.099 251.473)",
+                "color-primary-content": "oklch(88.34% 0.019 251.473)",
+                "color-secondary": "oklch(64.092% 0.027 229.389)",
+                "color-secondary-content": "oklch(12.818% 0.005 229.389)",
+                "color-accent": "oklch(67.271% 0.167 35.791)",
+                "color-accent-content": "oklch(13.454% 0.033 35.791)",
+                "color-neutral": "oklch(27.441% 0.013 253.041)",
+                "color-neutral-content": "oklch(85.488% 0.002 253.041)",
+                "color-info": "oklch(62.616% 0.143 240.033)",
+                "color-info-content": "oklch(12.523% 0.028 240.033)",
+                "color-success": "oklch(70.226% 0.094 156.596)",
+                "color-success-content": "oklch(14.045% 0.018 156.596)",
+                "color-warning": "oklch(77.482% 0.115 81.519)",
+                "color-warning-content": "oklch(15.496% 0.023 81.519)",
+                "color-error": "oklch(51.61% 0.146 29.674)",
+                "color-error-content": "oklch(90.322% 0.029 29.674)",
+                "radius-selector": "0rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.25rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "caramellatte",
+            "label": "Caramellatte",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(98% 0.016 73.684)",
+                "color-base-200": "oklch(95% 0.038 75.164)",
+                "color-base-300": "oklch(90% 0.076 70.697)",
+                "color-base-content": "oklch(40% 0.123 38.172)",
+                "color-primary": "oklch(0% 0 0)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(22.45% 0.075 37.85)",
+                "color-secondary-content": "oklch(90% 0.076 70.697)",
+                "color-accent": "oklch(46.44% 0.111 37.85)",
+                "color-accent-content": "oklch(90% 0.076 70.697)",
+                "color-neutral": "oklch(55% 0.195 38.402)",
+                "color-neutral-content": "oklch(98% 0.016 73.684)",
+                "color-info": "oklch(42% 0.199 265.638)",
+                "color-info-content": "oklch(90% 0.076 70.697)",
+                "color-success": "oklch(43% 0.095 166.913)",
+                "color-success-content": "oklch(90% 0.076 70.697)",
+                "color-warning": "oklch(82% 0.189 84.429)",
+                "color-warning-content": "oklch(41% 0.112 45.904)",
+                "color-error": "oklch(70% 0.191 22.216)",
+                "color-error-content": "oklch(39% 0.141 25.723)",
+                "radius-selector": "2rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "2px",
+                "depth": "1",
+                "noise": "1"
+            }
+        },
+        {
+            "name": "cmyk",
+            "label": "Cmyk",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(95% 0 0)",
+                "color-base-300": "oklch(90% 0 0)",
+                "color-base-content": "oklch(20% 0 0)",
+                "color-primary": "oklch(71.772% 0.133 239.443)",
+                "color-primary-content": "oklch(14.354% 0.026 239.443)",
+                "color-secondary": "oklch(64.476% 0.202 359.339)",
+                "color-secondary-content": "oklch(12.895% 0.04 359.339)",
+                "color-accent": "oklch(94.228% 0.189 105.306)",
+                "color-accent-content": "oklch(18.845% 0.037 105.306)",
+                "color-neutral": "oklch(21.778% 0 0)",
+                "color-neutral-content": "oklch(84.355% 0 0)",
+                "color-info": "oklch(68.475% 0.094 217.284)",
+                "color-info-content": "oklch(13.695% 0.018 217.284)",
+                "color-success": "oklch(46.949% 0.162 321.406)",
+                "color-success-content": "oklch(89.389% 0.032 321.406)",
+                "color-warning": "oklch(71.236% 0.159 52.023)",
+                "color-warning-content": "oklch(14.247% 0.031 52.023)",
+                "color-error": "oklch(62.013% 0.208 28.717)",
+                "color-error-content": "oklch(12.402% 0.041 28.717)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "coffee",
+            "label": "Coffee",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(24% 0.023 329.708)",
+                "color-base-200": "oklch(21% 0.021 329.708)",
+                "color-base-300": "oklch(16% 0.019 329.708)",
+                "color-base-content": "oklch(72.354% 0.092 79.129)",
+                "color-primary": "oklch(71.996% 0.123 62.756)",
+                "color-primary-content": "oklch(14.399% 0.024 62.756)",
+                "color-secondary": "oklch(34.465% 0.029 199.194)",
+                "color-secondary-content": "oklch(86.893% 0.005 199.194)",
+                "color-accent": "oklch(42.621% 0.074 224.389)",
+                "color-accent-content": "oklch(88.524% 0.014 224.389)",
+                "color-neutral": "oklch(16.51% 0.015 326.261)",
+                "color-neutral-content": "oklch(83.302% 0.003 326.261)",
+                "color-info": "oklch(79.49% 0.063 184.558)",
+                "color-info-content": "oklch(15.898% 0.012 184.558)",
+                "color-success": "oklch(74.722% 0.072 131.116)",
+                "color-success-content": "oklch(14.944% 0.014 131.116)",
+                "color-warning": "oklch(88.15% 0.14 87.722)",
+                "color-warning-content": "oklch(17.63% 0.028 87.722)",
+                "color-error": "oklch(77.318% 0.128 31.871)",
+                "color-error-content": "oklch(15.463% 0.025 31.871)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "corporate",
+            "label": "Corporate",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(93% 0 0)",
+                "color-base-300": "oklch(86% 0 0)",
+                "color-base-content": "oklch(22.389% 0.031 278.072)",
+                "color-primary": "oklch(58% 0.158 241.966)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(55% 0.046 257.417)",
+                "color-secondary-content": "oklch(100% 0 0)",
+                "color-accent": "oklch(60% 0.118 184.704)",
+                "color-accent-content": "oklch(100% 0 0)",
+                "color-neutral": "oklch(0% 0 0)",
+                "color-neutral-content": "oklch(100% 0 0)",
+                "color-info": "oklch(60% 0.126 221.723)",
+                "color-info-content": "oklch(100% 0 0)",
+                "color-success": "oklch(62% 0.194 149.214)",
+                "color-success-content": "oklch(100% 0 0)",
+                "color-warning": "oklch(85% 0.199 91.936)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(70% 0.191 22.216)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "0.25rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.25rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "cupcake",
+            "label": "Cupcake",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(97.788% 0.004 56.375)",
+                "color-base-200": "oklch(93.982% 0.007 61.449)",
+                "color-base-300": "oklch(91.586% 0.006 53.44)",
+                "color-base-content": "oklch(23.574% 0.066 313.189)",
+                "color-primary": "oklch(85% 0.138 181.071)",
+                "color-primary-content": "oklch(43% 0.078 188.216)",
+                "color-secondary": "oklch(89% 0.061 343.231)",
+                "color-secondary-content": "oklch(45% 0.187 3.815)",
+                "color-accent": "oklch(90% 0.076 70.697)",
+                "color-accent-content": "oklch(47% 0.157 37.304)",
+                "color-neutral": "oklch(27% 0.006 286.033)",
+                "color-neutral-content": "oklch(92% 0.004 286.32)",
+                "color-info": "oklch(68% 0.169 237.323)",
+                "color-info-content": "oklch(29% 0.066 243.157)",
+                "color-success": "oklch(69% 0.17 162.48)",
+                "color-success-content": "oklch(26% 0.051 172.552)",
+                "color-warning": "oklch(79% 0.184 86.047)",
+                "color-warning-content": "oklch(28% 0.066 53.813)",
+                "color-error": "oklch(64% 0.246 16.439)",
+                "color-error-content": "oklch(27% 0.105 12.094)",
+                "radius-selector": "1rem",
+                "radius-field": "2rem",
+                "radius-box": "1rem",
+                "border": "2px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "cyberpunk",
+            "label": "Cyberpunk",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(94.51% 0.179 104.32)",
+                "color-base-200": "oklch(91.51% 0.179 104.32)",
+                "color-base-300": "oklch(85.51% 0.179 104.32)",
+                "color-base-content": "oklch(0% 0 0)",
+                "color-primary": "oklch(74.22% 0.209 6.35)",
+                "color-primary-content": "oklch(14.844% 0.041 6.35)",
+                "color-secondary": "oklch(83.33% 0.184 204.72)",
+                "color-secondary-content": "oklch(16.666% 0.036 204.72)",
+                "color-accent": "oklch(71.86% 0.217 310.43)",
+                "color-accent-content": "oklch(14.372% 0.043 310.43)",
+                "color-neutral": "oklch(23.04% 0.065 269.31)",
+                "color-neutral-content": "oklch(94.51% 0.179 104.32)",
+                "color-info": "oklch(72.06% 0.191 231.6)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(64.8% 0.15 160)",
+                "color-success-content": "oklch(0% 0 0)",
+                "color-warning": "oklch(84.71% 0.199 83.87)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(71.76% 0.221 22.18)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "0rem",
+                "radius-field": "0rem",
+                "radius-box": "0rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "dark",
+            "label": "Dark",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(25.33% 0.016 252.42)",
+                "color-base-200": "oklch(23.26% 0.014 253.1)",
+                "color-base-300": "oklch(21.15% 0.012 254.09)",
+                "color-base-content": "oklch(97.807% 0.029 256.847)",
+                "color-primary": "oklch(58% 0.233 277.117)",
+                "color-primary-content": "oklch(96% 0.018 272.314)",
+                "color-secondary": "oklch(65% 0.241 354.308)",
+                "color-secondary-content": "oklch(94% 0.028 342.258)",
+                "color-accent": "oklch(77% 0.152 181.912)",
+                "color-accent-content": "oklch(38% 0.063 188.416)",
+                "color-neutral": "oklch(14% 0.005 285.823)",
+                "color-neutral-content": "oklch(92% 0.004 286.32)",
+                "color-info": "oklch(74% 0.16 232.661)",
+                "color-info-content": "oklch(29% 0.066 243.157)",
+                "color-success": "oklch(76% 0.177 163.223)",
+                "color-success-content": "oklch(37% 0.077 168.94)",
+                "color-warning": "oklch(82% 0.189 84.429)",
+                "color-warning-content": "oklch(41% 0.112 45.904)",
+                "color-error": "oklch(71% 0.194 13.428)",
+                "color-error-content": "oklch(27% 0.105 12.094)",
+                "radius-selector": "0.5rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "dim",
+            "label": "Dim",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(30.857% 0.023 264.149)",
+                "color-base-200": "oklch(28.036% 0.019 264.182)",
+                "color-base-300": "oklch(26.346% 0.018 262.177)",
+                "color-base-content": "oklch(82.901% 0.031 222.959)",
+                "color-primary": "oklch(86.133% 0.141 139.549)",
+                "color-primary-content": "oklch(17.226% 0.028 139.549)",
+                "color-secondary": "oklch(73.375% 0.165 35.353)",
+                "color-secondary-content": "oklch(14.675% 0.033 35.353)",
+                "color-accent": "oklch(74.229% 0.133 311.379)",
+                "color-accent-content": "oklch(14.845% 0.026 311.379)",
+                "color-neutral": "oklch(24.731% 0.02 264.094)",
+                "color-neutral-content": "oklch(82.901% 0.031 222.959)",
+                "color-info": "oklch(86.078% 0.142 206.182)",
+                "color-info-content": "oklch(17.215% 0.028 206.182)",
+                "color-success": "oklch(86.171% 0.142 166.534)",
+                "color-success-content": "oklch(17.234% 0.028 166.534)",
+                "color-warning": "oklch(86.163% 0.142 94.818)",
+                "color-warning-content": "oklch(17.232% 0.028 94.818)",
+                "color-error": "oklch(82.418% 0.099 33.756)",
+                "color-error-content": "oklch(16.483% 0.019 33.756)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "dracula",
+            "label": "Dracula",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(28.822% 0.022 277.508)",
+                "color-base-200": "oklch(26.805% 0.02 277.508)",
+                "color-base-300": "oklch(24.787% 0.019 277.508)",
+                "color-base-content": "oklch(97.747% 0.007 106.545)",
+                "color-primary": "oklch(75.461% 0.183 346.812)",
+                "color-primary-content": "oklch(15.092% 0.036 346.812)",
+                "color-secondary": "oklch(74.202% 0.148 301.883)",
+                "color-secondary-content": "oklch(14.84% 0.029 301.883)",
+                "color-accent": "oklch(83.392% 0.124 66.558)",
+                "color-accent-content": "oklch(16.678% 0.024 66.558)",
+                "color-neutral": "oklch(39.445% 0.032 275.524)",
+                "color-neutral-content": "oklch(87.889% 0.006 275.524)",
+                "color-info": "oklch(88.263% 0.093 212.846)",
+                "color-info-content": "oklch(17.652% 0.018 212.846)",
+                "color-success": "oklch(87.099% 0.219 148.024)",
+                "color-success-content": "oklch(17.419% 0.043 148.024)",
+                "color-warning": "oklch(95.533% 0.134 112.757)",
+                "color-warning-content": "oklch(19.106% 0.026 112.757)",
+                "color-error": "oklch(68.22% 0.206 24.43)",
+                "color-error-content": "oklch(13.644% 0.041 24.43)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "emerald",
+            "label": "Emerald",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(93% 0 0)",
+                "color-base-300": "oklch(86% 0 0)",
+                "color-base-content": "oklch(35.519% 0.032 262.988)",
+                "color-primary": "oklch(76.662% 0.135 153.45)",
+                "color-primary-content": "oklch(33.387% 0.04 162.24)",
+                "color-secondary": "oklch(61.302% 0.202 261.294)",
+                "color-secondary-content": "oklch(100% 0 0)",
+                "color-accent": "oklch(72.772% 0.149 33.2)",
+                "color-accent-content": "oklch(0% 0 0)",
+                "color-neutral": "oklch(35.519% 0.032 262.988)",
+                "color-neutral-content": "oklch(98.462% 0.001 247.838)",
+                "color-info": "oklch(72.06% 0.191 231.6)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(64.8% 0.15 160)",
+                "color-success-content": "oklch(0% 0 0)",
+                "color-warning": "oklch(84.71% 0.199 83.87)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(71.76% 0.221 22.18)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "fantasy",
+            "label": "Fantasy",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(93% 0 0)",
+                "color-base-300": "oklch(86% 0 0)",
+                "color-base-content": "oklch(27.807% 0.029 256.847)",
+                "color-primary": "oklch(37.45% 0.189 325.02)",
+                "color-primary-content": "oklch(87.49% 0.037 325.02)",
+                "color-secondary": "oklch(53.92% 0.162 241.36)",
+                "color-secondary-content": "oklch(90.784% 0.032 241.36)",
+                "color-accent": "oklch(75.98% 0.204 56.72)",
+                "color-accent-content": "oklch(15.196% 0.04 56.72)",
+                "color-neutral": "oklch(27.807% 0.029 256.847)",
+                "color-neutral-content": "oklch(85.561% 0.005 256.847)",
+                "color-info": "oklch(72.06% 0.191 231.6)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(64.8% 0.15 160)",
+                "color-success-content": "oklch(0% 0 0)",
+                "color-warning": "oklch(84.71% 0.199 83.87)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(71.76% 0.221 22.18)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "forest",
+            "label": "Forest",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(20.84% 0.008 17.911)",
+                "color-base-200": "oklch(18.522% 0.007 17.911)",
+                "color-base-300": "oklch(16.203% 0.007 17.911)",
+                "color-base-content": "oklch(83.768% 0.001 17.911)",
+                "color-primary": "oklch(68.628% 0.185 148.958)",
+                "color-primary-content": "oklch(0% 0 0)",
+                "color-secondary": "oklch(69.776% 0.135 168.327)",
+                "color-secondary-content": "oklch(13.955% 0.027 168.327)",
+                "color-accent": "oklch(70.628% 0.119 185.713)",
+                "color-accent-content": "oklch(14.125% 0.023 185.713)",
+                "color-neutral": "oklch(30.698% 0.039 171.364)",
+                "color-neutral-content": "oklch(86.139% 0.007 171.364)",
+                "color-info": "oklch(72.06% 0.191 231.6)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(64.8% 0.15 160)",
+                "color-success-content": "oklch(0% 0 0)",
+                "color-warning": "oklch(84.71% 0.199 83.87)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(71.76% 0.221 22.18)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "1rem",
+                "radius-field": "2rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "garden",
+            "label": "Garden",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(92.951% 0.002 17.197)",
+                "color-base-200": "oklch(86.445% 0.002 17.197)",
+                "color-base-300": "oklch(79.938% 0.001 17.197)",
+                "color-base-content": "oklch(16.961% 0.001 17.32)",
+                "color-primary": "oklch(62.45% 0.278 3.836)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(48.495% 0.11 355.095)",
+                "color-secondary-content": "oklch(89.699% 0.022 355.095)",
+                "color-accent": "oklch(56.273% 0.054 154.39)",
+                "color-accent-content": "oklch(100% 0 0)",
+                "color-neutral": "oklch(24.155% 0.049 89.07)",
+                "color-neutral-content": "oklch(92.951% 0.002 17.197)",
+                "color-info": "oklch(72.06% 0.191 231.6)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(64.8% 0.15 160)",
+                "color-success-content": "oklch(0% 0 0)",
+                "color-warning": "oklch(84.71% 0.199 83.87)",
+                "color-warning-content": "oklch(0% 0 0)",
+                "color-error": "oklch(71.76% 0.221 22.18)",
+                "color-error-content": "oklch(0% 0 0)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "halloween",
+            "label": "Halloween",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(21% 0.006 56.043)",
+                "color-base-200": "oklch(14% 0.004 49.25)",
+                "color-base-300": "oklch(0% 0 0)",
+                "color-base-content": "oklch(84.955% 0 0)",
+                "color-primary": "oklch(77.48% 0.204 60.62)",
+                "color-primary-content": "oklch(19.693% 0.004 196.779)",
+                "color-secondary": "oklch(45.98% 0.248 305.03)",
+                "color-secondary-content": "oklch(89.196% 0.049 305.03)",
+                "color-accent": "oklch(64.8% 0.223 136.073)",
+                "color-accent-content": "oklch(0% 0 0)",
+                "color-neutral": "oklch(24.371% 0.046 65.681)",
+                "color-neutral-content": "oklch(84.874% 0.009 65.681)",
+                "color-info": "oklch(54.615% 0.215 262.88)",
+                "color-info-content": "oklch(90.923% 0.043 262.88)",
+                "color-success": "oklch(62.705% 0.169 149.213)",
+                "color-success-content": "oklch(12.541% 0.033 149.213)",
+                "color-warning": "oklch(66.584% 0.157 58.318)",
+                "color-warning-content": "oklch(13.316% 0.031 58.318)",
+                "color-error": "oklch(65.72% 0.199 27.33)",
+                "color-error-content": "oklch(13.144% 0.039 27.33)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "lemonade",
+            "label": "Lemonade",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(98.71% 0.02 123.72)",
+                "color-base-200": "oklch(91.8% 0.018 123.72)",
+                "color-base-300": "oklch(84.89% 0.017 123.72)",
+                "color-base-content": "oklch(19.742% 0.004 123.72)",
+                "color-primary": "oklch(58.92% 0.199 134.6)",
+                "color-primary-content": "oklch(11.784% 0.039 134.6)",
+                "color-secondary": "oklch(77.75% 0.196 111.09)",
+                "color-secondary-content": "oklch(15.55% 0.039 111.09)",
+                "color-accent": "oklch(85.39% 0.201 100.73)",
+                "color-accent-content": "oklch(17.078% 0.04 100.73)",
+                "color-neutral": "oklch(30.98% 0.075 108.6)",
+                "color-neutral-content": "oklch(86.196% 0.015 108.6)",
+                "color-info": "oklch(86.19% 0.047 224.14)",
+                "color-info-content": "oklch(17.238% 0.009 224.14)",
+                "color-success": "oklch(86.19% 0.047 157.85)",
+                "color-success-content": "oklch(17.238% 0.009 157.85)",
+                "color-warning": "oklch(86.19% 0.047 102.15)",
+                "color-warning-content": "oklch(17.238% 0.009 102.15)",
+                "color-error": "oklch(86.19% 0.047 25.85)",
+                "color-error-content": "oklch(17.238% 0.009 25.85)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "light",
+            "label": "Light",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(98% 0 0)",
+                "color-base-300": "oklch(95% 0 0)",
+                "color-base-content": "oklch(21% 0.006 285.885)",
+                "color-primary": "oklch(45% 0.24 277.023)",
+                "color-primary-content": "oklch(93% 0.034 272.788)",
+                "color-secondary": "oklch(65% 0.241 354.308)",
+                "color-secondary-content": "oklch(94% 0.028 342.258)",
+                "color-accent": "oklch(77% 0.152 181.912)",
+                "color-accent-content": "oklch(38% 0.063 188.416)",
+                "color-neutral": "oklch(14% 0.005 285.823)",
+                "color-neutral-content": "oklch(92% 0.004 286.32)",
+                "color-info": "oklch(74% 0.16 232.661)",
+                "color-info-content": "oklch(29% 0.066 243.157)",
+                "color-success": "oklch(76% 0.177 163.223)",
+                "color-success-content": "oklch(37% 0.077 168.94)",
+                "color-warning": "oklch(82% 0.189 84.429)",
+                "color-warning-content": "oklch(41% 0.112 45.904)",
+                "color-error": "oklch(71% 0.194 13.428)",
+                "color-error-content": "oklch(27% 0.105 12.094)",
+                "radius-selector": "0.5rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "lofi",
+            "label": "Lofi",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(97% 0 0)",
+                "color-base-300": "oklch(94% 0 0)",
+                "color-base-content": "oklch(0% 0 0)",
+                "color-primary": "oklch(15.906% 0 0)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(21.455% 0.001 17.278)",
+                "color-secondary-content": "oklch(100% 0 0)",
+                "color-accent": "oklch(26.861% 0 0)",
+                "color-accent-content": "oklch(100% 0 0)",
+                "color-neutral": "oklch(0% 0 0)",
+                "color-neutral-content": "oklch(100% 0 0)",
+                "color-info": "oklch(79.54% 0.103 205.9)",
+                "color-info-content": "oklch(15.908% 0.02 205.9)",
+                "color-success": "oklch(90.13% 0.153 164.14)",
+                "color-success-content": "oklch(18.026% 0.03 164.14)",
+                "color-warning": "oklch(88.37% 0.135 79.94)",
+                "color-warning-content": "oklch(17.674% 0.027 79.94)",
+                "color-error": "oklch(78.66% 0.15 28.47)",
+                "color-error-content": "oklch(15.732% 0.03 28.47)",
+                "radius-selector": "2rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "luxury",
+            "label": "Luxury",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(14.076% 0.004 285.822)",
+                "color-base-200": "oklch(20.219% 0.004 308.229)",
+                "color-base-300": "oklch(23.219% 0.004 308.229)",
+                "color-base-content": "oklch(75.687% 0.123 76.89)",
+                "color-primary": "oklch(100% 0 0)",
+                "color-primary-content": "oklch(20% 0 0)",
+                "color-secondary": "oklch(27.581% 0.064 261.069)",
+                "color-secondary-content": "oklch(85.516% 0.012 261.069)",
+                "color-accent": "oklch(36.674% 0.051 338.825)",
+                "color-accent-content": "oklch(87.334% 0.01 338.825)",
+                "color-neutral": "oklch(24.27% 0.057 59.825)",
+                "color-neutral-content": "oklch(93.203% 0.089 90.861)",
+                "color-info": "oklch(79.061% 0.121 237.133)",
+                "color-info-content": "oklch(15.812% 0.024 237.133)",
+                "color-success": "oklch(78.119% 0.192 132.154)",
+                "color-success-content": "oklch(15.623% 0.038 132.154)",
+                "color-warning": "oklch(86.127% 0.136 102.891)",
+                "color-warning-content": "oklch(17.225% 0.027 102.891)",
+                "color-error": "oklch(71.753% 0.176 22.568)",
+                "color-error-content": "oklch(14.35% 0.035 22.568)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "night",
+            "label": "Night",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(20.768% 0.039 265.754)",
+                "color-base-200": "oklch(19.314% 0.037 265.754)",
+                "color-base-300": "oklch(17.86% 0.034 265.754)",
+                "color-base-content": "oklch(84.153% 0.007 265.754)",
+                "color-primary": "oklch(75.351% 0.138 232.661)",
+                "color-primary-content": "oklch(15.07% 0.027 232.661)",
+                "color-secondary": "oklch(68.011% 0.158 276.934)",
+                "color-secondary-content": "oklch(13.602% 0.031 276.934)",
+                "color-accent": "oklch(72.36% 0.176 350.048)",
+                "color-accent-content": "oklch(14.472% 0.035 350.048)",
+                "color-neutral": "oklch(27.949% 0.036 260.03)",
+                "color-neutral-content": "oklch(85.589% 0.007 260.03)",
+                "color-info": "oklch(68.455% 0.148 237.251)",
+                "color-info-content": "oklch(0% 0 0)",
+                "color-success": "oklch(78.452% 0.132 181.911)",
+                "color-success-content": "oklch(15.69% 0.026 181.911)",
+                "color-warning": "oklch(83.242% 0.139 82.95)",
+                "color-warning-content": "oklch(16.648% 0.027 82.95)",
+                "color-error": "oklch(71.785% 0.17 13.118)",
+                "color-error-content": "oklch(14.357% 0.034 13.118)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "nord",
+            "label": "Nord",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(95.127% 0.007 260.731)",
+                "color-base-200": "oklch(93.299% 0.01 261.788)",
+                "color-base-300": "oklch(89.925% 0.016 262.749)",
+                "color-base-content": "oklch(32.437% 0.022 264.182)",
+                "color-primary": "oklch(59.435% 0.077 254.027)",
+                "color-primary-content": "oklch(11.887% 0.015 254.027)",
+                "color-secondary": "oklch(69.651% 0.059 248.687)",
+                "color-secondary-content": "oklch(13.93% 0.011 248.687)",
+                "color-accent": "oklch(77.464% 0.062 217.469)",
+                "color-accent-content": "oklch(15.492% 0.012 217.469)",
+                "color-neutral": "oklch(45.229% 0.035 264.131)",
+                "color-neutral-content": "oklch(89.925% 0.016 262.749)",
+                "color-info": "oklch(69.207% 0.062 332.664)",
+                "color-info-content": "oklch(13.841% 0.012 332.664)",
+                "color-success": "oklch(76.827% 0.074 131.063)",
+                "color-success-content": "oklch(15.365% 0.014 131.063)",
+                "color-warning": "oklch(85.486% 0.089 84.093)",
+                "color-warning-content": "oklch(17.097% 0.017 84.093)",
+                "color-error": "oklch(60.61% 0.12 15.341)",
+                "color-error-content": "oklch(12.122% 0.024 15.341)",
+                "radius-selector": "1rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "pastel",
+            "label": "Pastel",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(98.462% 0.001 247.838)",
+                "color-base-300": "oklch(92.462% 0.001 247.838)",
+                "color-base-content": "oklch(20% 0 0)",
+                "color-primary": "oklch(90% 0.063 306.703)",
+                "color-primary-content": "oklch(49% 0.265 301.924)",
+                "color-secondary": "oklch(89% 0.058 10.001)",
+                "color-secondary-content": "oklch(51% 0.222 16.935)",
+                "color-accent": "oklch(90% 0.093 164.15)",
+                "color-accent-content": "oklch(50% 0.118 165.612)",
+                "color-neutral": "oklch(55% 0.046 257.417)",
+                "color-neutral-content": "oklch(92% 0.013 255.508)",
+                "color-info": "oklch(86% 0.127 207.078)",
+                "color-info-content": "oklch(52% 0.105 223.128)",
+                "color-success": "oklch(87% 0.15 154.449)",
+                "color-success-content": "oklch(52% 0.154 150.069)",
+                "color-warning": "oklch(83% 0.128 66.29)",
+                "color-warning-content": "oklch(55% 0.195 38.402)",
+                "color-error": "oklch(80% 0.114 19.571)",
+                "color-error-content": "oklch(50% 0.213 27.518)",
+                "radius-selector": "1rem",
+                "radius-field": "2rem",
+                "radius-box": "1rem",
+                "border": "2px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "retro",
+            "label": "Retro",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(91.637% 0.034 90.515)",
+                "color-base-200": "oklch(88.272% 0.049 91.774)",
+                "color-base-300": "oklch(84.133% 0.065 90.856)",
+                "color-base-content": "oklch(41% 0.112 45.904)",
+                "color-primary": "oklch(80% 0.114 19.571)",
+                "color-primary-content": "oklch(39% 0.141 25.723)",
+                "color-secondary": "oklch(92% 0.084 155.995)",
+                "color-secondary-content": "oklch(44% 0.119 151.328)",
+                "color-accent": "oklch(68% 0.162 75.834)",
+                "color-accent-content": "oklch(41% 0.112 45.904)",
+                "color-neutral": "oklch(44% 0.011 73.639)",
+                "color-neutral-content": "oklch(86% 0.005 56.366)",
+                "color-info": "oklch(58% 0.158 241.966)",
+                "color-info-content": "oklch(96% 0.059 95.617)",
+                "color-success": "oklch(51% 0.096 186.391)",
+                "color-success-content": "oklch(96% 0.059 95.617)",
+                "color-warning": "oklch(64% 0.222 41.116)",
+                "color-warning-content": "oklch(96% 0.059 95.617)",
+                "color-error": "oklch(70% 0.191 22.216)",
+                "color-error-content": "oklch(40% 0.123 38.172)",
+                "radius-selector": "0.25rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.5rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "silk",
+            "label": "Silk",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(97% 0.0035 67.78)",
+                "color-base-200": "oklch(95% 0.0081 61.42)",
+                "color-base-300": "oklch(90% 0.0081 61.42)",
+                "color-base-content": "oklch(40% 0.0081 61.42)",
+                "color-primary": "oklch(23.27% 0.0249 284.3)",
+                "color-primary-content": "oklch(94.22% 0.2505 117.44)",
+                "color-secondary": "oklch(23.27% 0.0249 284.3)",
+                "color-secondary-content": "oklch(73.92% 0.2135 50.94)",
+                "color-accent": "oklch(23.27% 0.0249 284.3)",
+                "color-accent-content": "oklch(88.92% 0.2061 189.9)",
+                "color-neutral": "oklch(20% 0 0)",
+                "color-neutral-content": "oklch(80% 0.0081 61.42)",
+                "color-info": "oklch(80.39% 0.1148 241.68)",
+                "color-info-content": "oklch(30.39% 0.1148 241.68)",
+                "color-success": "oklch(83.92% 0.0901 136.87)",
+                "color-success-content": "oklch(23.92% 0.0901 136.87)",
+                "color-warning": "oklch(83.92% 0.1085 80)",
+                "color-warning-content": "oklch(43.92% 0.1085 80)",
+                "color-error": "oklch(75.1% 0.1814 22.37)",
+                "color-error-content": "oklch(35.1% 0.1814 22.37)",
+                "radius-selector": "2rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "2px",
+                "depth": "1",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "sunset",
+            "label": "Sunset",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(22% 0.019 237.69)",
+                "color-base-200": "oklch(20% 0.019 237.69)",
+                "color-base-300": "oklch(18% 0.019 237.69)",
+                "color-base-content": "oklch(77.383% 0.043 245.096)",
+                "color-primary": "oklch(74.703% 0.158 39.947)",
+                "color-primary-content": "oklch(14.94% 0.031 39.947)",
+                "color-secondary": "oklch(72.537% 0.177 2.72)",
+                "color-secondary-content": "oklch(14.507% 0.035 2.72)",
+                "color-accent": "oklch(71.294% 0.166 299.844)",
+                "color-accent-content": "oklch(14.258% 0.033 299.844)",
+                "color-neutral": "oklch(26% 0.019 237.69)",
+                "color-neutral-content": "oklch(70% 0.019 237.69)",
+                "color-info": "oklch(85.559% 0.085 206.015)",
+                "color-info-content": "oklch(17.111% 0.017 206.015)",
+                "color-success": "oklch(85.56% 0.085 144.778)",
+                "color-success-content": "oklch(17.112% 0.017 144.778)",
+                "color-warning": "oklch(85.569% 0.084 74.427)",
+                "color-warning-content": "oklch(17.113% 0.016 74.427)",
+                "color-error": "oklch(85.511% 0.078 16.886)",
+                "color-error-content": "oklch(17.102% 0.015 16.886)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "synthwave",
+            "label": "Synthwave",
+            "scheme": "dark",
+            "vars": {
+                "color-base-100": "oklch(15% 0.09 281.288)",
+                "color-base-200": "oklch(20% 0.09 281.288)",
+                "color-base-300": "oklch(25% 0.09 281.288)",
+                "color-base-content": "oklch(78% 0.115 274.713)",
+                "color-primary": "oklch(71% 0.202 349.761)",
+                "color-primary-content": "oklch(28% 0.109 3.907)",
+                "color-secondary": "oklch(82% 0.111 230.318)",
+                "color-secondary-content": "oklch(29% 0.066 243.157)",
+                "color-accent": "oklch(75% 0.183 55.934)",
+                "color-accent-content": "oklch(26% 0.079 36.259)",
+                "color-neutral": "oklch(45% 0.24 277.023)",
+                "color-neutral-content": "oklch(87% 0.065 274.039)",
+                "color-info": "oklch(74% 0.16 232.661)",
+                "color-info-content": "oklch(29% 0.066 243.157)",
+                "color-success": "oklch(77% 0.152 181.912)",
+                "color-success-content": "oklch(27% 0.046 192.524)",
+                "color-warning": "oklch(90% 0.182 98.111)",
+                "color-warning-content": "oklch(42% 0.095 57.708)",
+                "color-error": "oklch(73.7% 0.121 32.639)",
+                "color-error-content": "oklch(23.501% 0.096 290.329)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "valentine",
+            "label": "Valentine",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(97% 0.014 343.198)",
+                "color-base-200": "oklch(94% 0.028 342.258)",
+                "color-base-300": "oklch(89% 0.061 343.231)",
+                "color-base-content": "oklch(52% 0.223 3.958)",
+                "color-primary": "oklch(65% 0.241 354.308)",
+                "color-primary-content": "oklch(100% 0 0)",
+                "color-secondary": "oklch(62% 0.265 303.9)",
+                "color-secondary-content": "oklch(97% 0.014 308.299)",
+                "color-accent": "oklch(82% 0.111 230.318)",
+                "color-accent-content": "oklch(39% 0.09 240.876)",
+                "color-neutral": "oklch(40% 0.153 2.432)",
+                "color-neutral-content": "oklch(89% 0.061 343.231)",
+                "color-info": "oklch(86% 0.127 207.078)",
+                "color-info-content": "oklch(44% 0.11 240.79)",
+                "color-success": "oklch(84% 0.143 164.978)",
+                "color-success-content": "oklch(43% 0.095 166.913)",
+                "color-warning": "oklch(75% 0.183 55.934)",
+                "color-warning-content": "oklch(26% 0.079 36.259)",
+                "color-error": "oklch(63% 0.237 25.331)",
+                "color-error-content": "oklch(97% 0.013 17.38)",
+                "radius-selector": "1rem",
+                "radius-field": "2rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "winter",
+            "label": "Winter",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(97.466% 0.011 259.822)",
+                "color-base-300": "oklch(93.268% 0.016 262.751)",
+                "color-base-content": "oklch(41.886% 0.053 255.824)",
+                "color-primary": "oklch(56.86% 0.255 257.57)",
+                "color-primary-content": "oklch(91.372% 0.051 257.57)",
+                "color-secondary": "oklch(42.551% 0.161 282.339)",
+                "color-secondary-content": "oklch(88.51% 0.032 282.339)",
+                "color-accent": "oklch(59.939% 0.191 335.171)",
+                "color-accent-content": "oklch(11.988% 0.038 335.171)",
+                "color-neutral": "oklch(19.616% 0.063 257.651)",
+                "color-neutral-content": "oklch(83.923% 0.012 257.651)",
+                "color-info": "oklch(88.127% 0.085 214.515)",
+                "color-info-content": "oklch(17.625% 0.017 214.515)",
+                "color-success": "oklch(80.494% 0.077 197.823)",
+                "color-success-content": "oklch(16.098% 0.015 197.823)",
+                "color-warning": "oklch(89.172% 0.045 71.47)",
+                "color-warning-content": "oklch(17.834% 0.009 71.47)",
+                "color-error": "oklch(73.092% 0.11 20.076)",
+                "color-error-content": "oklch(14.618% 0.022 20.076)",
+                "radius-selector": "1rem",
+                "radius-field": "0.5rem",
+                "radius-box": "1rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        },
+        {
+            "name": "wireframe",
+            "label": "Wireframe",
+            "scheme": "light",
+            "vars": {
+                "color-base-100": "oklch(100% 0 0)",
+                "color-base-200": "oklch(97% 0 0)",
+                "color-base-300": "oklch(94% 0 0)",
+                "color-base-content": "oklch(20% 0 0)",
+                "color-primary": "oklch(87% 0 0)",
+                "color-primary-content": "oklch(26% 0 0)",
+                "color-secondary": "oklch(87% 0 0)",
+                "color-secondary-content": "oklch(26% 0 0)",
+                "color-accent": "oklch(87% 0 0)",
+                "color-accent-content": "oklch(26% 0 0)",
+                "color-neutral": "oklch(87% 0 0)",
+                "color-neutral-content": "oklch(26% 0 0)",
+                "color-info": "oklch(44% 0.11 240.79)",
+                "color-info-content": "oklch(90% 0.058 230.902)",
+                "color-success": "oklch(43% 0.095 166.913)",
+                "color-success-content": "oklch(90% 0.093 164.15)",
+                "color-warning": "oklch(47% 0.137 46.201)",
+                "color-warning-content": "oklch(92% 0.12 95.746)",
+                "color-error": "oklch(44% 0.177 26.899)",
+                "color-error-content": "oklch(88% 0.062 18.334)",
+                "radius-selector": "0rem",
+                "radius-field": "0.25rem",
+                "radius-box": "0.25rem",
+                "border": "1px",
+                "depth": "0",
+                "noise": "0"
+            }
+        }
+    ],
+    "peony": [
+        {
+            "name": "azure",
+            "label": "Azure",
+            "scheme": "light",
+            "vars": {
+                "color-page": "#f0f3f8",
+                "color-surface-1": "#ffffff",
+                "color-surface-2": "#f4f6fa",
+                "color-surface-3": "#e8edf4",
+                "color-surface-4": "#d9e1ec",
+                "color-border": "#d5dde8",
+                "color-on-surface": "#17212f",
+                "color-primary": "#2459d6",
+                "color-neutral": "#6b778a",
+                "color-info": "#3aa0d8",
+                "color-success": "#3faa78",
+                "color-warning": "#e3a33e",
+                "color-error": "#dc5a6e",
+                "radius-field": "0.375rem",
+                "radius-box": "0.625rem",
+                "radius-selector": "0.25rem",
+                "peony-shadow": "0.1",
+                "peony-glow": "0.6",
+                "peony-tint": "1"
+            }
+        },
+        {
+            "name": "cream",
+            "label": "Cream",
+            "scheme": "light",
+            "vars": {
+                "color-page": "#faf6f0",
+                "color-surface-1": "#ffffff",
+                "color-surface-2": "#f6f3ee",
+                "color-surface-3": "#efebe5",
+                "color-surface-4": "#e6e1da",
+                "color-border": "#e0dbd3",
+                "color-on-surface": "#1d1d1f",
+                "color-primary": "#161616",
+                "color-neutral": "#8b8681",
+                "color-info": "#7fb8ec",
+                "color-success": "#8fd16a",
+                "color-warning": "#f8b84e",
+                "color-error": "#ef5f78",
+                "radius-field": "0.625rem",
+                "radius-box": "1rem",
+                "radius-selector": "0.375rem",
+                "peony-shadow": "1",
+                "peony-glow": "0",
+                "peony-tint": "1"
+            }
+        },
+        {
+            "name": "iris",
+            "label": "Iris",
+            "scheme": "light",
+            "vars": {
+                "color-page": "#f2f1f7",
+                "color-surface-1": "#ffffff",
+                "color-surface-2": "#f5f4fa",
+                "color-surface-3": "#ebe9f3",
+                "color-surface-4": "#dedbea",
+                "color-border": "#d9d6e6",
+                "color-on-surface": "#1e1b2e",
+                "color-primary": "#5b3fd1",
+                "color-neutral": "#75718a",
+                "color-info": "#4f8fe0",
+                "color-success": "#3faa78",
+                "color-warning": "#e3a33e",
+                "color-error": "#dc5a6e",
+                "radius-field": "0.375rem",
+                "radius-box": "0.625rem",
+                "radius-selector": "0.25rem",
+                "peony-shadow": "0.1",
+                "peony-glow": "0.6",
+                "peony-tint": "1"
+            }
+        },
+        {
+            "name": "lavender",
+            "label": "Lavender",
+            "scheme": "light",
+            "vars": {
+                "color-page": "#f3eefc",
+                "color-surface-1": "#ffffff",
+                "color-surface-2": "#f7f4fd",
+                "color-surface-3": "#eee8fa",
+                "color-surface-4": "#e3dbf5",
+                "color-border": "#ded6ee",
+                "color-on-surface": "#1f1b2d",
+                "color-primary": "#9b6fd6",
+                "color-neutral": "#8c86a0",
+                "color-info": "#6fa8f5",
+                "color-success": "#5cc98a",
+                "color-warning": "#f5a43a",
+                "color-error": "#ee5d6c",
+                "radius-field": "0.75rem",
+                "radius-box": "1.25rem",
+                "radius-selector": "0.5rem",
+                "peony-shadow": "1.3",
+                "peony-glow": "0.8",
+                "peony-tint": "1.2"
+            }
+        },
+        {
+            "name": "night",
+            "label": "Night",
+            "scheme": "dark",
+            "vars": {
+                "color-page": "#121214",
+                "color-surface-1": "#1c1c20",
+                "color-surface-2": "#232328",
+                "color-surface-3": "#2b2b31",
+                "color-surface-4": "#35353c",
+                "color-border": "#3a3a42",
+                "color-on-surface": "#f1efec",
+                "color-primary": "#f1efec",
+                "color-neutral": "#8b8681",
+                "color-info": "#7fb8ec",
+                "color-success": "#8fd16a",
+                "color-warning": "#f8b84e",
+                "color-error": "#ef5f78",
+                "radius-field": "0.625rem",
+                "radius-box": "1rem",
+                "radius-selector": "0.375rem",
+                "peony-shadow": "1",
+                "peony-glow": "0",
+                "peony-tint": "1.4"
+            }
+        },
+        {
+            "name": "sage",
+            "label": "Sage",
+            "scheme": "light",
+            "vars": {
+                "color-page": "#eef3ee",
+                "color-surface-1": "#ffffff",
+                "color-surface-2": "#f3f7f3",
+                "color-surface-3": "#e7efe8",
+                "color-surface-4": "#d9e5db",
+                "color-border": "#d3ded5",
+                "color-on-surface": "#1b2a22",
+                "color-primary": "#2f7d57",
+                "color-neutral": "#6f8478",
+                "color-info": "#6fb3d9",
+                "color-success": "#5cb87a",
+                "color-warning": "#eeb54f",
+                "color-error": "#e36a6a",
+                "radius-field": "0.625rem",
+                "radius-box": "1rem",
+                "radius-selector": "0.375rem",
+                "peony-shadow": "1",
+                "peony-glow": "0.6",
+                "peony-tint": "1"
+            }
+        }
+    ],
+    "sunflower": [
+        {
+            "name": "light",
+            "label": "Light",
+            "scheme": "light",
+            "vars": {
+                "color-primary": "#ffdc58",
+                "color-surface-2": "#ffffff",
+                "color-on-surface": "#000000",
+                "color-border": "#000000",
+                "color-success": "#4ade80",
+                "color-error": "#f87171",
+                "radius-field": "0.3125rem",
+                "radius-box": "0.3125rem",
+                "border": "2px"
+            }
+        },
+        {
+            "name": "mint",
+            "label": "Mint",
+            "scheme": "light",
+            "vars": {
+                "color-primary": "#6ee7b7",
+                "color-surface-2": "#ffffff",
+                "color-on-surface": "#000000",
+                "color-border": "#000000",
+                "color-success": "#22c55e",
+                "color-error": "#ef4444",
+                "radius-field": "0.3125rem",
+                "radius-box": "0.3125rem",
+                "border": "2px"
+            }
+        }
+    ]
+};
+export const paramsByFamily = {
+    "cosmos": [
+        {
+            "name": "color-surface-1",
+            "label": "Surface 1",
+            "group": "Colors",
+            "type": "color",
+            "value": "#fdfdf6",
+            "description": "The ground: page background, and the inside of fields.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-2",
+            "label": "Surface 2",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f5f3e8",
+            "description": "Objects resting on the ground: plain buttons, chips, skeletons.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-3",
+            "label": "Surface 3",
+            "group": "Colors",
+            "type": "color",
+            "value": "#eae7d6",
+            "description": "Chrome pinned to the edge of the screen: dock, navbar.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-border",
+            "label": "Border",
+            "group": "Colors",
+            "type": "color",
+            "value": "#41403e",
+            "description": "Hairlines, field outlines, dividers.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-on-surface",
+            "label": "Text",
+            "group": "Colors",
+            "type": "color",
+            "value": "#41403e",
+            "description": "Text and icons drawn on the surfaces.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-primary",
+            "label": "Primary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#41403e",
+            "description": "Main brand and action colour.",
+            "kind": "accent",
+            "on": "color-on-primary"
+        },
+        {
+            "name": "color-secondary",
+            "label": "Secondary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#7f8c8d",
+            "description": "Secondary brand colour.",
+            "kind": "accent",
+            "on": "color-on-secondary"
+        },
+        {
+            "name": "color-accent",
+            "label": "Accent",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f6c667",
+            "description": "Accent and highlight colour.",
+            "kind": "accent",
+            "on": "color-on-accent"
+        },
+        {
+            "name": "color-neutral",
+            "label": "Neutral",
+            "group": "Colors",
+            "type": "color",
+            "value": "#41403e",
+            "description": "Strong neutral tone for filled, unbranded elements.",
+            "kind": "accent",
+            "on": "color-on-neutral"
+        },
+        {
+            "name": "color-info",
+            "label": "Info",
+            "group": "Colors",
+            "type": "color",
+            "value": "#6ca9d6",
+            "description": "Informational state.",
+            "kind": "accent",
+            "on": "color-on-info"
+        },
+        {
+            "name": "color-success",
+            "label": "Success",
+            "group": "Colors",
+            "type": "color",
+            "value": "#86b98a",
+            "description": "Success state.",
+            "kind": "accent",
+            "on": "color-on-success"
+        },
+        {
+            "name": "color-warning",
+            "label": "Warning",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f6c667",
+            "description": "Warning state.",
+            "kind": "accent",
+            "on": "color-on-warning"
+        },
+        {
+            "name": "color-error",
+            "label": "Error",
+            "group": "Colors",
+            "type": "color",
+            "value": "#d97b6c",
+            "description": "Error and danger state.",
+            "kind": "accent",
+            "on": "color-on-error"
+        },
+        {
+            "name": "default-font-family",
+            "label": "Typeface",
+            "group": "Typography",
+            "type": "text",
+            "value": "Patrick Hand, Comic Sans MS, Segoe Print, cursive",
+            "description": "cosmos is drawn by hand. Without a hand face it reads as a wonky sans — install or link one and it comes alive."
+        },
+        {
+            "name": "border",
+            "label": "Pen width",
+            "group": "Shape",
+            "type": "length",
+            "value": "2px",
+            "description": "Thickness of the marker line. This is a drawing, so the line matters more than the fill.",
+            "min": 1,
+            "max": 5,
+            "step": 0.5,
+            "unit": "px",
+            "units": [
+                "px",
+                "em"
+            ]
+        },
+        {
+            "name": "scale",
+            "label": "Element size",
+            "group": "Size",
+            "type": "number",
+            "value": "1",
+            "description": "Grows every frame — paddings, heights, spacing. Text is unaffected.",
+            "min": 0.75,
+            "max": 2,
+            "step": 0.05
+        },
+        {
+            "name": "cosmos-wobble-field",
+            "label": "Wobble — controls",
+            "group": "Effects",
+            "type": "number",
+            "value": "1",
+            "description": "How far the corners drift on a button, an input, a chip. 0 is an ordinary rounded family; 1 is fully hand-drawn.",
+            "min": 0,
+            "max": 1,
+            "step": 0.05
+        },
+        {
+            "name": "cosmos-wobble-box",
+            "label": "Wobble — boxes",
+            "group": "Effects",
+            "type": "number",
+            "value": "0.2",
+            "description": "Same, for a list, a textarea, a menu. The recipe is in pixels, so a tall box takes the full drift while a button clamps it — which is why boxes need their own, smaller, number.",
+            "min": 0,
+            "max": 1,
+            "step": 0.05
+        },
+        {
+            "name": "cosmos-wobble-selector",
+            "label": "Wobble — selectors",
+            "group": "Effects",
+            "type": "number",
+            "value": "0.7",
+            "description": "Same, for the small drawn things: tabs, bars, sliders, samples.",
+            "min": 0,
+            "max": 1,
+            "step": 0.05
+        },
+        {
+            "name": "cosmos-tilt",
+            "label": "Tilt",
+            "group": "Effects",
+            "type": "number",
+            "value": "0.4",
+            "description": "Degrees a control sits off true. Small numbers read as drawn; large ones read as broken.",
+            "min": 0,
+            "max": 3,
+            "step": 0.1
+        }
+    ],
+    "dahlia": [
+        {
+            "name": "color-surface-1",
+            "label": "Surface 1",
+            "group": "Colors",
+            "type": "color",
+            "value": "#fcfcfd",
+            "description": "The ground: page background, and the inside of fields.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-2",
+            "label": "Surface 2",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f9f9fb",
+            "description": "Objects resting on the ground: plain buttons, chips, skeletons.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-3",
+            "label": "Surface 3",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f0f0f3",
+            "description": "Chrome pinned to the edge of the screen: dock, navbar.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-4",
+            "label": "Surface 4",
+            "group": "Colors",
+            "type": "color",
+            "value": "#e8e8ec",
+            "description": "A fourth ground, for looks that stack more levels.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-border",
+            "label": "Border",
+            "group": "Colors",
+            "type": "color",
+            "value": "#dddde3",
+            "description": "Hairlines, field outlines, dividers.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-on-surface",
+            "label": "Text",
+            "group": "Colors",
+            "type": "color",
+            "value": "#1c2024",
+            "description": "Text and icons drawn on the surfaces.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-primary",
+            "label": "Primary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#3e63dd",
+            "description": "Main brand and action colour.",
+            "kind": "accent",
+            "on": "color-on-primary"
+        },
+        {
+            "name": "color-secondary",
+            "label": "Secondary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#8e4ec6",
+            "description": "Secondary brand colour.",
+            "kind": "accent",
+            "on": "color-on-secondary"
+        },
+        {
+            "name": "color-accent",
+            "label": "Accent",
+            "group": "Colors",
+            "type": "color",
+            "value": "#0090ff",
+            "description": "Accent and highlight colour.",
+            "kind": "accent",
+            "on": "color-on-accent"
+        },
+        {
+            "name": "color-neutral",
+            "label": "Neutral",
+            "group": "Colors",
+            "type": "color",
+            "value": "#60646c",
+            "description": "Strong neutral tone for filled, unbranded elements.",
+            "kind": "accent",
+            "on": "color-on-neutral"
+        },
+        {
+            "name": "color-info",
+            "label": "Info",
+            "group": "Colors",
+            "type": "color",
+            "value": "#0090ff",
+            "description": "Informational state.",
+            "kind": "accent",
+            "on": "color-on-info"
+        },
+        {
+            "name": "color-success",
+            "label": "Success",
+            "group": "Colors",
+            "type": "color",
+            "value": "#30a46c",
+            "description": "Success state.",
+            "kind": "accent",
+            "on": "color-on-success"
+        },
+        {
+            "name": "color-warning",
+            "label": "Warning",
+            "group": "Colors",
+            "type": "color",
+            "value": "#ffc53d",
+            "description": "Warning state.",
+            "kind": "accent",
+            "on": "color-on-warning"
+        },
+        {
+            "name": "color-error",
+            "label": "Error",
+            "group": "Colors",
+            "type": "color",
+            "value": "#e5484d",
+            "description": "Error and danger state.",
+            "kind": "accent",
+            "on": "color-on-error"
+        },
+        {
+            "name": "radius-field",
+            "label": "Field radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.375rem",
+            "description": "Radix radius scale, step 3. Its whole range is 0 to full.",
+            "min": 0,
+            "max": 1.5,
+            "step": 0.025,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "radius-box",
+            "label": "Box radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.625rem",
+            "description": "Corner radius of panels and cards.",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "radius-selector",
+            "label": "Selector radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.25rem",
+            "description": "Corner radius of checkboxes, toggles and tabs.",
+            "min": 0,
+            "max": 1.5,
+            "step": 0.025,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "border",
+            "label": "Hairline width",
+            "group": "Shape",
+            "type": "length",
+            "value": "1px",
+            "description": "Panel and field outline width.",
+            "min": 0,
+            "max": 3,
+            "step": 0.5,
+            "unit": "px",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "scale",
+            "label": "Element size",
+            "group": "Size",
+            "type": "number",
+            "value": "1",
+            "description": "Radix calls this scaling. Unlike Radix, it grows frames only — text keeps its size.",
+            "min": 0.75,
+            "max": 2,
+            "step": 0.05
+        },
+        {
+            "name": "dahlia-tint",
+            "label": "Tint strength",
+            "group": "Effects",
+            "type": "number",
+            "value": "1",
+            "description": "How much of the accent bleeds into soft and surface weights. 0 makes them grey.",
+            "min": 0,
+            "max": 3,
+            "step": 0.1
+        }
+    ],
+    "daisy": [
+        {
+            "name": "color-base-100",
+            "label": "Base 100",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(100% 0 0deg)",
+            "description": "The page, and the inside of fields, cards and menus.",
+            "kind": "surface",
+            "on": "color-base-content"
+        },
+        {
+            "name": "color-base-200",
+            "label": "Base 200",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(98% 0 0deg)",
+            "description": "A step darker: plain buttons, badges, card borders.",
+            "kind": "surface",
+            "on": "color-base-content"
+        },
+        {
+            "name": "color-base-300",
+            "label": "Base 300",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(95% 0 0deg)",
+            "description": "Two steps darker: the dock, tab borders, skeletons.",
+            "kind": "surface",
+            "on": "color-base-content"
+        },
+        {
+            "name": "color-base-content",
+            "label": "Base content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(21% 0.006 285.885deg)",
+            "description": "Text on the bases — and, mixed down, every field border.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-primary",
+            "label": "Primary",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(45% 0.24 277.023deg)",
+            "description": "Main brand and action colour.",
+            "kind": "accent",
+            "on": "color-primary-content"
+        },
+        {
+            "name": "color-primary-content",
+            "label": "Primary content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(93% 0.034 272.788deg)",
+            "description": "Text on primary.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-secondary",
+            "label": "Secondary",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(65% 0.241 354.308deg)",
+            "description": "Secondary brand colour.",
+            "kind": "accent",
+            "on": "color-secondary-content"
+        },
+        {
+            "name": "color-secondary-content",
+            "label": "Secondary content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(94% 0.028 342.258deg)",
+            "description": "Text on secondary.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-accent",
+            "label": "Accent",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(77% 0.152 181.912deg)",
+            "description": "Accent and highlight colour.",
+            "kind": "accent",
+            "on": "color-accent-content"
+        },
+        {
+            "name": "color-accent-content",
+            "label": "Accent content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(38% 0.063 188.416deg)",
+            "description": "Text on accent.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-neutral",
+            "label": "Neutral",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(14% 0.005 285.823deg)",
+            "description": "Strong neutral tone for filled, unbranded elements.",
+            "kind": "accent",
+            "on": "color-neutral-content"
+        },
+        {
+            "name": "color-neutral-content",
+            "label": "Neutral content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(92% 0.004 286.32deg)",
+            "description": "Text on neutral.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-info",
+            "label": "Info",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(74% 0.16 232.661deg)",
+            "description": "Informational state.",
+            "kind": "accent",
+            "on": "color-info-content"
+        },
+        {
+            "name": "color-info-content",
+            "label": "Info content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(29% 0.066 243.157deg)",
+            "description": "Text on info.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-success",
+            "label": "Success",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(76% 0.177 163.223deg)",
+            "description": "Success state.",
+            "kind": "accent",
+            "on": "color-success-content"
+        },
+        {
+            "name": "color-success-content",
+            "label": "Success content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(37% 0.077 168.94deg)",
+            "description": "Text on success.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-warning",
+            "label": "Warning",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(82% 0.189 84.429deg)",
+            "description": "Warning state.",
+            "kind": "accent",
+            "on": "color-warning-content"
+        },
+        {
+            "name": "color-warning-content",
+            "label": "Warning content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(41% 0.112 45.904deg)",
+            "description": "Text on warning.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-error",
+            "label": "Error",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(71% 0.194 13.428deg)",
+            "description": "Error and danger state.",
+            "kind": "accent",
+            "on": "color-error-content"
+        },
+        {
+            "name": "color-error-content",
+            "label": "Error content",
+            "group": "Colors",
+            "type": "color",
+            "value": "oklch(27% 0.105 12.094deg)",
+            "description": "Text on error.",
+            "kind": "ink"
+        },
+        {
+            "name": "radius-field",
+            "label": "Field radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.25rem",
+            "description": "Corner radius of fields: buttons, inputs, selects.",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em",
+                "ch"
+            ]
+        },
+        {
+            "name": "radius-box",
+            "label": "Box radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.5rem",
+            "description": "Corner radius of larger boxes: lists, dropdowns.",
+            "min": 0,
+            "max": 3,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em",
+                "ch"
+            ]
+        },
+        {
+            "name": "radius-selector",
+            "label": "Selector radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.5rem",
+            "description": "Corner radius of selectors: checkboxes, toggles, tabs.",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em",
+                "ch"
+            ]
+        },
+        {
+            "name": "border",
+            "label": "Border width",
+            "group": "Shape",
+            "type": "length",
+            "value": "1px",
+            "description": "Width of component borders.",
+            "min": 0,
+            "max": 3,
+            "step": 0.5,
+            "unit": "px",
+            "units": [
+                "px",
+                "rem",
+                "em",
+                "ch"
+            ]
+        },
+        {
+            "name": "scale",
+            "label": "Element size",
+            "group": "Size",
+            "type": "number",
+            "value": "1",
+            "description": "Grows every frame - paddings, heights, spacing. Text is unaffected.",
+            "min": 0.75,
+            "max": 2,
+            "step": 0.05
+        },
+        {
+            "name": "depth",
+            "label": "Depth",
+            "group": "Effects",
+            "type": "number",
+            "value": "1",
+            "description": "Subtle 3D depth on fields and selectors. Faithful to daisyUI, which means almost invisible on a dark theme.",
+            "min": 0,
+            "max": 1,
+            "step": 0.05
+        },
+        {
+            "name": "noise",
+            "label": "Noise",
+            "group": "Effects",
+            "type": "number",
+            "value": "0",
+            "description": "A grain texture on buttons, badges, checkboxes, radios, toggles and the active menu item.",
+            "min": 0,
+            "max": 1,
+            "step": 1
+        }
+    ],
+    "peony": [
+        {
+            "name": "color-page",
+            "label": "Page",
+            "group": "Colors",
+            "type": "color",
+            "value": "#faf6f0",
+            "description": "The page behind the objects, when a family tints it apart from them.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-1",
+            "label": "Surface 1",
+            "group": "Colors",
+            "type": "color",
+            "value": "#ffffff",
+            "description": "The ground: page background, and the inside of fields.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-2",
+            "label": "Surface 2",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f6f3ee",
+            "description": "Objects resting on the ground: plain buttons, chips, skeletons.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-3",
+            "label": "Surface 3",
+            "group": "Colors",
+            "type": "color",
+            "value": "#efebe5",
+            "description": "Chrome pinned to the edge of the screen: dock, navbar.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-surface-4",
+            "label": "Surface 4",
+            "group": "Colors",
+            "type": "color",
+            "value": "#e6e1da",
+            "description": "A fourth ground, for looks that stack more levels.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-border",
+            "label": "Border",
+            "group": "Colors",
+            "type": "color",
+            "value": "#e0dbd3",
+            "description": "Hairlines, field outlines, dividers.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-on-surface",
+            "label": "Text",
+            "group": "Colors",
+            "type": "color",
+            "value": "#1d1d1f",
+            "description": "Text and icons drawn on the surfaces.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-primary",
+            "label": "Primary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#161616",
+            "description": "Main brand and action colour.",
+            "kind": "accent",
+            "on": "color-on-primary"
+        },
+        {
+            "name": "color-neutral",
+            "label": "Neutral",
+            "group": "Colors",
+            "type": "color",
+            "value": "#8b8681",
+            "description": "Strong neutral tone for filled, unbranded elements.",
+            "kind": "accent",
+            "on": "color-on-neutral"
+        },
+        {
+            "name": "color-info",
+            "label": "Info",
+            "group": "Colors",
+            "type": "color",
+            "value": "#7fb8ec",
+            "description": "Informational state.",
+            "kind": "accent",
+            "on": "color-on-info"
+        },
+        {
+            "name": "color-success",
+            "label": "Success",
+            "group": "Colors",
+            "type": "color",
+            "value": "#8fd16a",
+            "description": "Success state.",
+            "kind": "accent",
+            "on": "color-on-success"
+        },
+        {
+            "name": "color-warning",
+            "label": "Warning",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f8b84e",
+            "description": "Warning state.",
+            "kind": "accent",
+            "on": "color-on-warning"
+        },
+        {
+            "name": "color-error",
+            "label": "Error",
+            "group": "Colors",
+            "type": "color",
+            "value": "#ef5f78",
+            "description": "Error and danger state.",
+            "kind": "accent",
+            "on": "color-on-error"
+        },
+        {
+            "name": "radius-field",
+            "label": "Field radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.625rem",
+            "description": "Buttons, inputs, selects. Soft, never sharp.",
+            "min": 0,
+            "max": 1.5,
+            "step": 0.025,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "radius-box",
+            "label": "Box radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "1rem",
+            "description": "Cards, menus, dialogs — the big rounded panels.",
+            "min": 0,
+            "max": 2.5,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "radius-selector",
+            "label": "Selector radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.375rem",
+            "description": "Checkboxes, toggles, chips and tabs.",
+            "min": 0,
+            "max": 1.5,
+            "step": 0.025,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "border",
+            "label": "Hairline width",
+            "group": "Shape",
+            "type": "length",
+            "value": "1px",
+            "description": "Field outlines. Cards draw none: their edge is the shadow.",
+            "min": 0,
+            "max": 3,
+            "step": 0.5,
+            "unit": "px",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "scale",
+            "label": "Element size",
+            "group": "Size",
+            "type": "number",
+            "value": "1",
+            "description": "Grows every frame — paddings, heights, spacing. Text is unaffected.",
+            "min": 0.75,
+            "max": 2,
+            "step": 0.05
+        },
+        {
+            "name": "peony-shadow",
+            "label": "Shadow spread",
+            "group": "Effects",
+            "type": "number",
+            "value": "1",
+            "description": "How wide and soft the lift is. 0 flattens everything onto the page.",
+            "min": 0,
+            "max": 3,
+            "step": 0.1
+        },
+        {
+            "name": "peony-glow",
+            "label": "Coloured shadow",
+            "group": "Effects",
+            "type": "number",
+            "value": "0",
+            "description": "How much a coloured element casts its own colour instead of grey.",
+            "min": 0,
+            "max": 1,
+            "step": 0.05
+        },
+        {
+            "name": "peony-tint",
+            "label": "Wash strength",
+            "group": "Effects",
+            "type": "number",
+            "value": "1",
+            "description": "How strong the pale washes are: soft buttons, chips, active tabs.",
+            "min": 0,
+            "max": 3,
+            "step": 0.1
+        }
+    ],
+    "sunflower": [
+        {
+            "name": "color-primary",
+            "label": "Primary",
+            "group": "Colors",
+            "type": "color",
+            "value": "#ffdc58",
+            "description": "Main brand and action colour.",
+            "kind": "accent",
+            "on": "color-on-primary"
+        },
+        {
+            "name": "color-surface-2",
+            "label": "Surface 2",
+            "group": "Colors",
+            "type": "color",
+            "value": "#ffffff",
+            "description": "Objects resting on the ground: plain buttons, chips, skeletons.",
+            "kind": "surface",
+            "on": "color-on-surface"
+        },
+        {
+            "name": "color-on-surface",
+            "label": "Text",
+            "group": "Colors",
+            "type": "color",
+            "value": "#000000",
+            "description": "Text and icons drawn on the surfaces.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-border",
+            "label": "Border",
+            "group": "Colors",
+            "type": "color",
+            "value": "#000000",
+            "description": "Hairlines, field outlines, dividers.",
+            "kind": "ink"
+        },
+        {
+            "name": "color-success",
+            "label": "Success",
+            "group": "Colors",
+            "type": "color",
+            "value": "#4ade80",
+            "description": "Success state.",
+            "kind": "accent",
+            "on": "color-on-success"
+        },
+        {
+            "name": "color-error",
+            "label": "Error",
+            "group": "Colors",
+            "type": "color",
+            "value": "#f87171",
+            "description": "Error and danger state.",
+            "kind": "accent",
+            "on": "color-on-error"
+        },
+        {
+            "name": "radius-field",
+            "label": "Field radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.3125rem",
+            "description": "Neo-brutalism keeps a small radius so the outline reads as drawn, not printed.",
+            "min": 0,
+            "max": 1.5,
+            "step": 0.025,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "radius-box",
+            "label": "Box radius",
+            "group": "Shape",
+            "type": "length",
+            "value": "0.3125rem",
+            "description": "Corner radius of larger boxes.",
+            "min": 0,
+            "max": 2,
+            "step": 0.05,
+            "unit": "rem",
+            "units": [
+                "px",
+                "rem",
+                "em"
+            ]
+        },
+        {
+            "name": "border",
+            "label": "Outline width",
+            "group": "Shape",
+            "type": "length",
+            "value": "2px",
+            "description": "The heavy black line around everything. Below 2px the family stops working.",
+            "min": 1,
+            "max": 6,
+            "step": 0.5,
+            "unit": "px",
+            "units": [
+                "px",
+                "em"
+            ]
+        },
+        {
+            "name": "scale",
+            "label": "Element size",
+            "group": "Size",
+            "type": "number",
+            "value": "1",
+            "description": "Grows every frame — paddings, heights, spacing. Text is unaffected.",
+            "min": 0.75,
+            "max": 2,
+            "step": 0.05
+        },
+        {
+            "name": "sunflower-offset",
+            "label": "Shadow offset",
+            "group": "Effects",
+            "type": "length",
+            "value": "0.25em",
+            "description": "How far the hard shadow sits down and right — and therefore how far a press travels. This is the family.",
+            "min": 0,
+            "max": 1,
+            "step": 0.025,
+            "unit": "em",
+            "units": [
+                "em",
+                "rem",
+                "px"
+            ]
+        }
+    ]
+};
+export const familyDocs = {
+    "cosmos": {
+        "title": "Cosmos",
+        "after": "after PaperCSS, hand-drawn",
+        "blurb": "Cosmos flowers look like they were cut from tissue paper — thin, papery petals that never sit symmetrically. Which is what this family does to every corner it draws.\n\nThe look: nothing is a rectangle. Every frame uses six different elliptical radii so no two corners match, the border is a thick marker line, and elements sit at a fraction of a degree off true. It should look drawn, not rendered.",
+        "changes": [
+            "PaperCSS imports Patrick Hand from Google Fonts. We do not ship or fetch fonts, so cosmos names a handwriting stack and degrades to the system face. Point --default-font-family at a real hand face and it snaps into character.",
+            "The asymmetric radius is a fixed six-value recipe, not a single number, so `--radius-field` cannot express it, and cosmos does not expose the three radii at all. It exposes a `wobble` instead — three of them, one per kind of thing, the way the radii used to be split — mixing between a plain radius and the full hand-drawn recipe. At 0 it is an ordinary rounded family; at 1 it is PaperCSS.",
+            "PaperCSS has no dark theme. Ours adds one — a chalk-on-slate reading of the same idea, which is an invention, not a port."
+        ]
+    },
+    "dahlia": {
+        "title": "Dahlia",
+        "after": "after Radix Themes",
+        "blurb": "A dahlia is petals in ranked layers, each one a step lighter than the last. Radix is built the same way — twelve-step colour scales where every step has a job, and surfaces that stack.\n\nThe look: soft, layered, low contrast. Buttons come in weights rather than colours: solid, soft, surface, classic. Nothing is loud; separation comes from stacking translucent grounds.",
+        "changes": [
+            "Radix ships 12 steps per hue. Twelve is more than our components ask for, so dahlia declares FOUR grounds instead of the usual three — `--color-surface-4` is its own, and the Families page will show it. This is the family exercising its right to a bigger colour budget.",
+            "Radix has a global `scaling` knob (0.9–1.1) that scales text along with everything else. Ours never touches text, so dahlia exposes our `--scale` and leaves type alone. If you came from Radix expecting text to grow, it will not.",
+            "`surface` and `classic` are Radix button weights nothing in our shared set covers. dahlia adds `.btn-surface` and `.btn-classic` as its own classes."
+        ]
+    },
+    "daisy": {
+        "title": "Daisy",
+        "after": "after DaisyUI 5",
+        "blurb": "============================================================\n\nWhat a family is ---------------- A family is self-contained: one file per component, each with its structure and its look, plus its own root variables and its own parameters (ADR 0010). A family commits to ONE visual direction and is tuned through its THEME only — a set of CSS custom properties (colors and radii). A family never ships a structural customization mechanism: if you need to fundamentally reshape a component, that is a different family.\n\nStyle variants that belong to the design language are allowed (e.g. button `outline` / `ghost` / `soft`), because they are part of the look itself, not a customization layer bolted on top.\n\nVariable ownership ------------------ - FAMILY-OWNED look variables are set on `:root` here (the light-shadow switches): they are the family's identity and are not meant to be themed. - THEMEABLE variables (colors, radii) get family fallbacks on `:where(:root)` (specificity 0) so a theme's `:root` rules always win, in any load order.\n\nThe « daisy » family -------------------- Heavily inspired by DaisyUI v5 (https://github.com/saadeghi/daisyui), in plain CSS — no Tailwind, no `@apply`. Same class names (`btn`, `btn-primary`, `input`, `badge`, …), same look, and the SAME THEME VARIABLES: a daisyUI theme pasted as-is applies. Each colour also paints the same places it paints in daisyUI.\n\nCharacteristics: - Flat: crisp borders, no elevation. --depth adds daisyUI's subtle 3D edge to fields and selectors, --noise its grain. - Intrinsic em-based sizing: components scale with `font-size`; size variants only set `--fontsize`. No breakpoints.",
+        "changes": [
+            "--size-field and --size-selector are not parameters: daisyUI sizes fields in rem from those two, daisy sizes them in em and grows the frames with --scale instead.",
+            "Breakpoint-prefixed classes (`sm:btn-lg`) do not exist: a component scales with its font size, not with the viewport. Theme variables (daisyUI's, one for one) ---------------------------------------- --color-base-100/200/300      the page, then one and two steps darker --color-base-content          text on the bases; field borders are a mix of it --color-{semantic}            primary/secondary/accent/neutral/ --color-{semantic}-content    info/success/warning/error, and the text written on each --radius-selector/field/box   corner radii --border                      border width --depth / --noise             3D edge and grain, 0 or 1"
+        ]
+    },
+    "peony": {
+        "title": "Peony",
+        "after": "soft SaaS dashboard",
+        "blurb": "A peony is a heavy, rounded flower that sits in a vase on a desk. The look is the friendly dashboard of the 2020s: a warm tinted page, white cards floating on it, no hairlines but a wide diffuse shadow, generous corners, muted secondary text, and colour used in pale washes — the icon on a tinted disc, the active tab on a soft pill, the status as a dot.\n\nWhat it departs from: - dahlia separates by stacking grounds; peony separates by LIFTING: a card is white on a tinted page and its edge is a shadow, not a border. - The page has its own colour, `--color-page`, distinct from the white of the objects resting on it. Fields, cards and menus stay on `--color-surface-1`. - The primary is a colour like any other; the default theme makes it near-black, the way these dashboards draw their one loud button.\n\nOwn parameters: - `peony-shadow`  how far the shadow spreads (0 = flat). - `peony-glow`    how much the shadow takes the element's own colour instead of grey (0 grey, 1 coloured). - `peony-tint`    strength of the pale washes (soft variants, active tabs and menu items, chips).",
+        "changes": []
+    },
+    "sunflower": {
+        "title": "Sunflower",
+        "after": "neo-brutalist",
+        "blurb": "A sunflower is enormous, bright yellow and completely without subtlety. So is this look.\n\nThe look: a heavy black outline on every control, a hard shadow offset down-right with no blur at all, and a press that PUSHES THE ELEMENT INTO ITS OWN SHADOW — the element slides by exactly the offset while the shadow shrinks to nothing. That one interaction is the whole family.\n\nColours, after neobrutalism.dev, which has one colour (--main) on two grounds (--background, --secondary-background), one ink (--foreground) and one line (--border) that also colours the shadow: --color-primary     --main: filled buttons, checked controls, progress, active tab, picked option --color-surface-2   --secondary-background: the sheet every field, card, menu and bar is drawn on, and the `neutral` variant --color-on-surface  --foreground: all text --color-border      --border: every outline AND the hard shadow --color-success / --color-error   validator and the colour axis Derived, not parameters: --color-surface-1 (the page, a wash of primary), --color-surface-3 (a shade of the sheet), and the ink on primary/success/error.",
+        "changes": [
+            "The offset is a length in em, not px, so it grows with the control instead of looking dainty on a large button and crushing a small one.",
+            "Neo-brutalism has no `ghost`, `soft` or `dash` in the usual sense; those shared variants still exist here and simply lose the shadow, which is the honest translation.",
+            "It adds two of its own: `.btn-noshadow` (flat, outline only) and `.btn-reverse` (the shadow on the other side, so the press pushes up-left instead)."
+        ]
+    }
+};