@ariaui/tokens 0.1.0

package/dist/chunk-LG37RUFG.js

@@ -0,0 +1,1049 @@
+// src/primitives.ts
+var primitives = {
+  zinc: {
+    50: "98.5% 0 0",
+    100: "96.7% 0.001 285",
+    200: "92% 0.004 286",
+    300: "87.1% 0.006 286",
+    400: "71.2% 0.013 286",
+    500: "55.2% 0.014 286",
+    600: "44.2% 0.015 286",
+    700: "37% 0.012 286",
+    800: "27.4% 0.006 286",
+    900: "21% 0.006 286",
+    950: "14.1% 0.004 286"
+  },
+  neutral: {
+    50: "98.5% 0 0",
+    100: "97% 0 0",
+    200: "92.2% 0 0",
+    300: "87% 0 0",
+    400: "70.8% 0 0",
+    500: "55.6% 0 0",
+    600: "43.9% 0 0",
+    700: "37.1% 0 0",
+    800: "26.9% 0 0",
+    900: "20.5% 0 0",
+    950: "14.5% 0 0"
+  },
+  violet: {
+    50: "96.9% 0.016 294",
+    100: "94.3% 0.029 295",
+    200: "89.4% 0.055 293",
+    300: "81.1% 0.101 294",
+    400: "70.9% 0.159 294",
+    500: "60.6% 0.219 293",
+    600: "54.1% 0.247 293",
+    700: "49.1% 0.241 293",
+    800: "43.2% 0.211 293",
+    900: "38% 0.178 294",
+    950: "28.3% 0.135 291"
+  },
+  red: {
+    50: "97.1% 0.013 17",
+    100: "93.6% 0.031 18",
+    200: "88.5% 0.059 18",
+    300: "80.8% 0.104 20",
+    400: "71.1% 0.166 22",
+    500: "63.7% 0.208 25",
+    600: "57.7% 0.215 27",
+    700: "50.5% 0.191 28",
+    800: "44.4% 0.161 27",
+    900: "39.6% 0.133 26",
+    950: "25.8% 0.089 26"
+  },
+  green: {
+    50: "98.2% 0.018 156",
+    100: "96.2% 0.043 157",
+    200: "92.5% 0.081 156",
+    300: "87.1% 0.136 155",
+    400: "80% 0.182 152",
+    500: "72.3% 0.192 150",
+    600: "62.7% 0.17 149",
+    700: "52.7% 0.137 150",
+    800: "44.8% 0.108 151",
+    900: "39.3% 0.09 153",
+    950: "26.6% 0.063 153"
+  },
+  amber: {
+    50: "98.7% 0.021 95",
+    100: "96.2% 0.058 96",
+    200: "92.4% 0.115 96",
+    300: "87.9% 0.153 92",
+    400: "83.7% 0.164 84",
+    500: "76.9% 0.165 70",
+    600: "66.6% 0.157 58",
+    700: "55.5% 0.146 49",
+    800: "47.3% 0.125 46",
+    900: "41.4% 0.105 46",
+    950: "27.9% 0.074 46"
+  },
+  brand: {
+    50: "96.9% 0.016 294",
+    100: "94.3% 0.029 295",
+    200: "89.4% 0.055 293",
+    300: "81.1% 0.101 294",
+    400: "70.9% 0.159 294",
+    500: "60.6% 0.219 293",
+    600: "54.1% 0.247 293",
+    700: "49.1% 0.241 293",
+    800: "43.2% 0.211 293",
+    900: "38% 0.178 294",
+    950: "28.3% 0.135 291"
+  },
+  orange: {
+    50: "98% 0.016 74",
+    100: "95.4% 0.037 75",
+    200: "90.1% 0.073 71",
+    300: "83.7% 0.117 66",
+    400: "75.8% 0.159 56",
+    500: "70.5% 0.187 48",
+    600: "64.6% 0.194 41",
+    700: "55.3% 0.174 38",
+    800: "47% 0.143 37",
+    900: "40.8% 0.116 38",
+    950: "26.6% 0.076 36"
+  },
+  yellow: {
+    50: "98.7% 0.026 102",
+    100: "97.3% 0.069 103",
+    200: "94.5% 0.124 102",
+    300: "90.5% 0.166 98",
+    400: "86.1% 0.173 92",
+    500: "79.5% 0.162 86",
+    600: "68.1% 0.142 76",
+    700: "55.4% 0.121 66",
+    800: "47.6% 0.103 62",
+    900: "42.1% 0.09 58",
+    950: "28.6% 0.064 54"
+  },
+  lime: {
+    50: "98.6% 0.031 121",
+    100: "96.7% 0.066 122",
+    200: "93.8% 0.122 124",
+    300: "89.7% 0.179 127",
+    400: "84.9% 0.207 129",
+    500: "76.8% 0.204 131",
+    600: "64.8% 0.175 132",
+    700: "53.2% 0.141 132",
+    800: "45.3% 0.113 131",
+    900: "40.5% 0.096 131",
+    950: "27.4% 0.069 132"
+  },
+  emerald: {
+    50: "97.9% 0.021 166",
+    100: "95% 0.051 163",
+    200: "90.5% 0.089 164",
+    300: "84.5% 0.13 165",
+    400: "77.3% 0.153 163",
+    500: "69.6% 0.149 162",
+    600: "59.6% 0.127 163",
+    700: "50.8% 0.105 166",
+    800: "43.2% 0.086 167",
+    900: "37.8% 0.073 169",
+    950: "26.2% 0.049 173"
+  },
+  teal: {
+    50: "98.4% 0.014 181",
+    100: "95.3% 0.05 181",
+    200: "91% 0.093 180",
+    300: "85.5% 0.125 181",
+    400: "78.5% 0.133 182",
+    500: "70.4% 0.123 183",
+    600: "60% 0.104 185",
+    700: "51.1% 0.086 186",
+    800: "43.7% 0.071 188",
+    900: "38.6% 0.059 188",
+    950: "27.7% 0.045 193"
+  },
+  cyan: {
+    50: "98.4% 0.019 201",
+    100: "95.6% 0.044 203",
+    200: "91.7% 0.077 205",
+    300: "86.5% 0.115 207",
+    400: "79.7% 0.134 212",
+    500: "71.5% 0.126 215",
+    600: "60.9% 0.111 222",
+    700: "52% 0.094 223",
+    800: "45% 0.077 224",
+    900: "39.8% 0.066 227",
+    950: "30.2% 0.054 230"
+  },
+  sky: {
+    50: "97.7% 0.012 237",
+    100: "95.1% 0.025 237",
+    200: "90.1% 0.055 231",
+    300: "82.8% 0.101 230",
+    400: "75.4% 0.139 233",
+    500: "68.5% 0.148 237",
+    600: "58.8% 0.139 242",
+    700: "50% 0.119 243",
+    800: "44.3% 0.1 241",
+    900: "39.1% 0.085 241",
+    950: "29.3% 0.063 243"
+  },
+  blue: {
+    50: "97% 0.014 255",
+    100: "93.2% 0.032 256",
+    200: "88.2% 0.057 254",
+    300: "80.9% 0.096 252",
+    400: "71.4% 0.143 255",
+    500: "62.3% 0.188 260",
+    600: "54.6% 0.215 263",
+    700: "48.8% 0.217 264",
+    800: "42.4% 0.181 266",
+    900: "37.9% 0.138 266",
+    950: "28.2% 0.087 268"
+  },
+  indigo: {
+    50: "96.2% 0.018 272",
+    100: "93% 0.033 273",
+    200: "87% 0.062 274",
+    300: "78.5% 0.104 275",
+    400: "68% 0.158 277",
+    500: "58.5% 0.204 277",
+    600: "51.1% 0.23 277",
+    700: "45.7% 0.215 277",
+    800: "39.8% 0.177 277",
+    900: "35.9% 0.135 279",
+    950: "25.7% 0.086 281"
+  },
+  purple: {
+    50: "97.7% 0.014 308",
+    100: "94.6% 0.033 307",
+    200: "90.2% 0.06 307",
+    300: "82.7% 0.108 306",
+    400: "72.2% 0.177 306",
+    500: "62.7% 0.233 304",
+    600: "55.8% 0.252 302",
+    700: "49.6% 0.237 302",
+    800: "43.8% 0.198 304",
+    900: "38.1% 0.166 305",
+    950: "29.1% 0.143 303"
+  },
+  fuchsia: {
+    50: "97.7% 0.017 320",
+    100: "95.2% 0.036 319",
+    200: "90.3% 0.073 320",
+    300: "83.3% 0.132 321",
+    400: "74.8% 0.207 322",
+    500: "66.7% 0.259 322",
+    600: "59.1% 0.257 323",
+    700: "51.8% 0.226 324",
+    800: "45.2% 0.192 325",
+    900: "40.1% 0.16 326",
+    950: "29.3% 0.131 326"
+  },
+  pink: {
+    50: "97.1% 0.014 343",
+    100: "94.8% 0.028 342",
+    200: "89.9% 0.059 343",
+    300: "82.3% 0.11 346",
+    400: "72.5% 0.175 350",
+    500: "65.6% 0.212 354",
+    600: "59.2% 0.218 1",
+    700: "52.5% 0.199 4",
+    800: "45.9% 0.17 4",
+    900: "40.8% 0.144 2",
+    950: "28.4% 0.105 4"
+  },
+  rose: {
+    50: "96.9% 0.015 12",
+    100: "94.1% 0.03 13",
+    200: "89.2% 0.056 10",
+    300: "81% 0.106 12",
+    400: "71.9% 0.169 13",
+    500: "64.5% 0.215 16",
+    600: "58.6% 0.222 18",
+    700: "51.4% 0.198 17",
+    800: "45.5% 0.171 14",
+    900: "41% 0.15 10",
+    950: "27.1% 0.101 12"
+  },
+  slate: {
+    50: "98.4% 0.003 248",
+    100: "96.8% 0.007 248",
+    200: "92.9% 0.013 256",
+    300: "86.9% 0.02 253",
+    400: "71.1% 0.035 257",
+    500: "55.4% 0.041 257",
+    600: "44.6% 0.037 257",
+    700: "37.2% 0.039 257",
+    800: "27.9% 0.037 260",
+    900: "20.8% 0.04 266",
+    950: "12.9% 0.041 265"
+  },
+  gray: {
+    50: "98.5% 0.002 248",
+    100: "96.7% 0.003 265",
+    200: "92.8% 0.006 265",
+    300: "87.2% 0.009 258",
+    400: "71.4% 0.019 261",
+    500: "55.1% 0.023 264",
+    600: "44.6% 0.026 257",
+    700: "37.3% 0.031 260",
+    800: "27.8% 0.03 257",
+    900: "21% 0.032 265",
+    950: "13% 0.027 262"
+  },
+  stone: {
+    50: "98.5% 0.001 106",
+    100: "97% 0.001 106",
+    200: "92.3% 0.003 49",
+    300: "86.9% 0.004 56",
+    400: "71.6% 0.009 56",
+    500: "55.3% 0.012 58",
+    600: "44.4% 0.01 74",
+    700: "37.4% 0.009 68",
+    800: "26.8% 0.006 34",
+    900: "21.6% 0.006 56",
+    950: "14.7% 0.004 49"
+  },
+  taupe: {
+    50: "98.6% 0.002 68",
+    100: "96% 0.002 17",
+    200: "92.2% 0.005 34",
+    300: "86.8% 0.007 39",
+    400: "71.4% 0.014 41",
+    500: "54.7% 0.021 43",
+    600: "43.8% 0.017 39",
+    700: "36.7% 0.016 36",
+    800: "26.8% 0.011 36",
+    900: "21.4% 0.009 43",
+    950: "14.7% 0.004 49"
+  },
+  mauve: {
+    50: "98.5% 0 90",
+    100: "96% 0.003 326",
+    200: "92.2% 0.005 326",
+    300: "86.5% 0.012 326",
+    400: "71.1% 0.019 323",
+    500: "54.2% 0.034 323",
+    600: "43.5% 0.029 322",
+    700: "36.4% 0.029 324",
+    800: "26.3% 0.024 320",
+    900: "21.2% 0.019 322",
+    950: "14.5% 0.008 326"
+  },
+  mist: {
+    50: "98.7% 0.002 197",
+    100: "96.3% 0.002 197",
+    200: "92.5% 0.005 214",
+    300: "87.2% 0.007 220",
+    400: "72.3% 0.014 214",
+    500: "56% 0.021 214",
+    600: "45% 0.017 213",
+    700: "37.8% 0.015 216",
+    800: "27.5% 0.011 217",
+    900: "21.8% 0.008 224",
+    950: "14.8% 0.004 229"
+  },
+  olive: {
+    50: "98.8% 0.003 106",
+    100: "96.6% 0.005 106",
+    200: "93% 0.007 107",
+    300: "88% 0.011 107",
+    400: "73.7% 0.021 107",
+    500: "58% 0.031 107",
+    600: "46.6% 0.025 107",
+    700: "39.4% 0.023 107",
+    800: "28.6% 0.016 107",
+    900: "22.8% 0.013 107",
+    950: "15.3% 0.006 107"
+  }
+};
+var base = {
+  white: "100% 0 0",
+  black: "0% 0 0"
+};
+
+// src/semantic.ts
+var light = {
+  /* --- Backgrounds (bg-*) --- */
+  "bg-primary": "var(--color-white)",
+  "bg-primary_alt": "var(--color-white)",
+  "bg-primary_hover": "var(--color-neutral-50)",
+  "bg-primary-solid": "var(--color-neutral-950)",
+  "bg-secondary": "var(--color-neutral-50)",
+  "bg-secondary_alt": "var(--color-neutral-50)",
+  "bg-secondary_hover": "var(--color-neutral-100)",
+  "bg-secondary_subtle": "var(--color-white)",
+  "bg-secondary-solid": "var(--color-neutral-600)",
+  "bg-tertiary": "var(--color-neutral-100)",
+  "bg-quaternary": "var(--color-neutral-200)",
+  "bg-active": "var(--color-neutral-50)",
+  "bg-disabled": "var(--color-neutral-100)",
+  "bg-overlay": "var(--color-neutral-950)",
+  "bg-brand-primary": "var(--color-brand-50)",
+  "bg-brand-primary_alt": "var(--color-brand-50)",
+  "bg-brand-secondary": "var(--color-brand-100)",
+  "bg-brand-solid": "var(--color-brand-600)",
+  "bg-brand-solid_hover": "var(--color-brand-700)",
+  "bg-brand-section": "var(--color-brand-800)",
+  "bg-brand-section_subtle": "var(--color-brand-700)",
+  "bg-error-primary": "var(--color-red-50)",
+  "bg-error-secondary": "var(--color-red-100)",
+  "bg-error-solid": "var(--color-red-600)",
+  "bg-error-solid_hover": "var(--color-red-700)",
+  "bg-warning-primary": "var(--color-amber-50)",
+  "bg-warning-secondary": "var(--color-amber-100)",
+  "bg-warning-solid": "var(--color-amber-600)",
+  "bg-success-primary": "var(--color-green-50)",
+  "bg-success-secondary": "var(--color-green-100)",
+  "bg-success-solid": "var(--color-green-600)",
+  /* --- Text (text-*) --- */
+  "text-primary": "var(--color-neutral-950)",
+  "text-primary_on-brand": "var(--color-white)",
+  "text-secondary": "var(--color-neutral-700)",
+  "text-secondary_hover": "var(--color-neutral-800)",
+  "text-secondary_on-brand": "var(--color-brand-200)",
+  "text-tertiary": "var(--color-neutral-600)",
+  "text-tertiary_hover": "var(--color-neutral-700)",
+  "text-tertiary_on-brand": "var(--color-brand-200)",
+  "text-quaternary": "var(--color-neutral-500)",
+  "text-quaternary_on-brand": "var(--color-brand-300)",
+  "text-white": "var(--color-white)",
+  "text-disabled": "var(--color-neutral-500)",
+  "text-placeholder": "var(--color-neutral-500)",
+  "text-placeholder_subtle": "var(--color-neutral-300)",
+  "text-brand-primary": "var(--color-brand-600)",
+  "text-brand-secondary": "var(--color-brand-700)",
+  "text-brand-secondary_hover": "var(--color-brand-800)",
+  "text-brand-tertiary": "var(--color-brand-600)",
+  "text-brand-tertiary_alt": "var(--color-brand-600)",
+  "text-error-primary": "var(--color-red-600)",
+  "text-warning-primary": "var(--color-amber-600)",
+  "text-success-primary": "var(--color-green-600)",
+  /* --- Foreground (fg-*) --- */
+  "fg-primary": "var(--color-neutral-900)",
+  "fg-secondary": "var(--color-neutral-700)",
+  "fg-secondary_hover": "var(--color-neutral-800)",
+  "fg-tertiary": "var(--color-neutral-600)",
+  "fg-tertiary_hover": "var(--color-neutral-700)",
+  "fg-quaternary": "var(--color-neutral-400)",
+  "fg-quaternary_hover": "var(--color-neutral-500)",
+  "fg-white": "var(--color-white)",
+  "fg-disabled": "var(--color-neutral-400)",
+  "fg-disabled_subtle": "var(--color-neutral-300)",
+  "fg-brand-primary": "var(--color-brand-600)",
+  "fg-brand-primary_alt": "var(--color-brand-600)",
+  "fg-brand-secondary": "var(--color-brand-500)",
+  "fg-brand-secondary_alt": "var(--color-brand-500)",
+  "fg-error-primary": "var(--color-red-600)",
+  "fg-error-secondary": "var(--color-red-500)",
+  "fg-warning-primary": "var(--color-amber-600)",
+  "fg-warning-secondary": "var(--color-amber-500)",
+  "fg-success-primary": "var(--color-green-600)",
+  "fg-success-secondary": "var(--color-green-500)",
+  /* --- Borders (border-*) --- */
+  "border-primary": "var(--color-neutral-300)",
+  "border-secondary": "var(--color-neutral-200)",
+  "border-secondary_alt": "var(--color-black)",
+  "border-tertiary": "var(--color-neutral-100)",
+  "border-disabled": "var(--color-neutral-300)",
+  "border-disabled_subtle": "var(--color-neutral-200)",
+  "border-brand": "var(--color-brand-600)",
+  "border-brand_alt": "var(--color-brand-600)",
+  "border-error": "var(--color-red-500)",
+  "border-error_subtle": "var(--color-red-300)",
+  "border-success": "var(--color-green-600)",
+  "border-warning": "var(--color-amber-600)",
+  /* --- Gradients (gradient-*) --- */
+  "gradient-neutral-600-500-90": "linear-gradient(90deg, oklch(var(--color-neutral-600)) 0%, oklch(var(--color-neutral-500)) 100%)",
+  "gradient-neutral-700-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-700)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-600-90": "linear-gradient(90deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-700-26_5": "linear-gradient(26.5deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-700)) 100%)",
+  "gradient-neutral-900-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-900)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-900-700-45": "linear-gradient(45deg, oklch(var(--color-neutral-900)) 0%, oklch(var(--color-neutral-700)) 100%)",
+  "gradient-neutral-50-white-180": "linear-gradient(180deg, oklch(var(--color-neutral-50)) 0%, oklch(var(--color-white)) 100%)",
+  "gradient-neutral-100-white-180": "linear-gradient(180deg, oklch(var(--color-neutral-100)) 0%, oklch(var(--color-white)) 100%)",
+  "gradient-neutral-100-50-180": "linear-gradient(180deg, oklch(var(--color-neutral-100)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-200-50-180": "linear-gradient(180deg, oklch(var(--color-neutral-200)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-200-100-180": "linear-gradient(180deg, oklch(var(--color-neutral-200)) 0%, oklch(var(--color-neutral-100)) 100%)",
+  "gradient-neutral-white-50-180": "linear-gradient(180deg, oklch(var(--color-white)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-50-100-180": "linear-gradient(180deg, oklch(var(--color-neutral-50)) 0%, oklch(var(--color-neutral-100)) 100%)",
+  "gradient-brand-600-500-90": "linear-gradient(90deg, oklch(var(--color-brand-600)) 0%, oklch(var(--color-brand-500)) 100%)",
+  "gradient-brand-700-600-45": "linear-gradient(45deg, oklch(var(--color-brand-700)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-600-45": "linear-gradient(45deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-600-90": "linear-gradient(90deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-700-26_5": "linear-gradient(26.5deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-700)) 100%)",
+  "gradient-brand-900-600-45": "linear-gradient(45deg, oklch(var(--color-brand-900)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-900-700-45": "linear-gradient(45deg, oklch(var(--color-brand-900)) 0%, oklch(var(--color-brand-700)) 100%)",
+  /* --- Utility color space (utility-*) --- */
+  "utility-neutral-50": "var(--color-neutral-50)",
+  "utility-neutral-100": "var(--color-neutral-100)",
+  "utility-neutral-200": "var(--color-neutral-200)",
+  "utility-neutral-300": "var(--color-neutral-300)",
+  "utility-neutral-400": "var(--color-neutral-400)",
+  "utility-neutral-500": "var(--color-neutral-500)",
+  "utility-neutral-600": "var(--color-neutral-600)",
+  "utility-neutral-700": "var(--color-neutral-700)",
+  "utility-neutral-800": "var(--color-neutral-800)",
+  "utility-neutral-900": "var(--color-neutral-900)",
+  "utility-brand-50": "var(--color-brand-50)",
+  "utility-brand-100": "var(--color-brand-100)",
+  "utility-brand-200": "var(--color-brand-200)",
+  "utility-brand-300": "var(--color-brand-300)",
+  "utility-brand-400": "var(--color-brand-400)",
+  "utility-brand-500": "var(--color-brand-500)",
+  "utility-brand-600": "var(--color-brand-600)",
+  "utility-brand-700": "var(--color-brand-700)",
+  "utility-brand-800": "var(--color-brand-800)",
+  "utility-brand-900": "var(--color-brand-900)",
+  "utility-red-50": "var(--color-red-50)",
+  "utility-red-100": "var(--color-red-100)",
+  "utility-red-200": "var(--color-red-200)",
+  "utility-red-300": "var(--color-red-300)",
+  "utility-red-400": "var(--color-red-400)",
+  "utility-red-500": "var(--color-red-500)",
+  "utility-red-600": "var(--color-red-600)",
+  "utility-red-700": "var(--color-red-700)",
+  "utility-yellow-50": "var(--color-yellow-50)",
+  "utility-yellow-100": "var(--color-yellow-100)",
+  "utility-yellow-200": "var(--color-yellow-200)",
+  "utility-yellow-300": "var(--color-yellow-300)",
+  "utility-yellow-400": "var(--color-yellow-400)",
+  "utility-yellow-500": "var(--color-yellow-500)",
+  "utility-yellow-600": "var(--color-yellow-600)",
+  "utility-yellow-700": "var(--color-yellow-700)",
+  "utility-green-50": "var(--color-green-50)",
+  "utility-green-100": "var(--color-green-100)",
+  "utility-green-200": "var(--color-green-200)",
+  "utility-green-300": "var(--color-green-300)",
+  "utility-green-400": "var(--color-green-400)",
+  "utility-green-500": "var(--color-green-500)",
+  "utility-green-600": "var(--color-green-600)",
+  "utility-green-700": "var(--color-green-700)",
+  "utility-orange-50": "var(--color-orange-50)",
+  "utility-orange-100": "var(--color-orange-100)",
+  "utility-orange-200": "var(--color-orange-200)",
+  "utility-orange-300": "var(--color-orange-300)",
+  "utility-orange-400": "var(--color-orange-400)",
+  "utility-orange-500": "var(--color-orange-500)",
+  "utility-orange-600": "var(--color-orange-600)",
+  "utility-orange-700": "var(--color-orange-700)",
+  "utility-sky-50": "var(--color-sky-50)",
+  "utility-sky-100": "var(--color-sky-100)",
+  "utility-sky-200": "var(--color-sky-200)",
+  "utility-sky-300": "var(--color-sky-300)",
+  "utility-sky-400": "var(--color-sky-400)",
+  "utility-sky-500": "var(--color-sky-500)",
+  "utility-sky-600": "var(--color-sky-600)",
+  "utility-sky-700": "var(--color-sky-700)",
+  "utility-blue-50": "var(--color-blue-50)",
+  "utility-blue-100": "var(--color-blue-100)",
+  "utility-blue-200": "var(--color-blue-200)",
+  "utility-blue-300": "var(--color-blue-300)",
+  "utility-blue-400": "var(--color-blue-400)",
+  "utility-blue-500": "var(--color-blue-500)",
+  "utility-blue-600": "var(--color-blue-600)",
+  "utility-blue-700": "var(--color-blue-700)",
+  "utility-indigo-50": "var(--color-indigo-50)",
+  "utility-indigo-100": "var(--color-indigo-100)",
+  "utility-indigo-200": "var(--color-indigo-200)",
+  "utility-indigo-300": "var(--color-indigo-300)",
+  "utility-indigo-400": "var(--color-indigo-400)",
+  "utility-indigo-500": "var(--color-indigo-500)",
+  "utility-indigo-600": "var(--color-indigo-600)",
+  "utility-indigo-700": "var(--color-indigo-700)",
+  "utility-purple-50": "var(--color-purple-50)",
+  "utility-purple-100": "var(--color-purple-100)",
+  "utility-purple-200": "var(--color-purple-200)",
+  "utility-purple-300": "var(--color-purple-300)",
+  "utility-purple-400": "var(--color-purple-400)",
+  "utility-purple-500": "var(--color-purple-500)",
+  "utility-purple-600": "var(--color-purple-600)",
+  "utility-purple-700": "var(--color-purple-700)",
+  "utility-fuchsia-50": "var(--color-fuchsia-50)",
+  "utility-fuchsia-100": "var(--color-fuchsia-100)",
+  "utility-fuchsia-200": "var(--color-fuchsia-200)",
+  "utility-fuchsia-300": "var(--color-fuchsia-300)",
+  "utility-fuchsia-400": "var(--color-fuchsia-400)",
+  "utility-fuchsia-500": "var(--color-fuchsia-500)",
+  "utility-fuchsia-600": "var(--color-fuchsia-600)",
+  "utility-fuchsia-700": "var(--color-fuchsia-700)",
+  "utility-pink-50": "var(--color-pink-50)",
+  "utility-pink-100": "var(--color-pink-100)",
+  "utility-pink-200": "var(--color-pink-200)",
+  "utility-pink-300": "var(--color-pink-300)",
+  "utility-pink-400": "var(--color-pink-400)",
+  "utility-pink-500": "var(--color-pink-500)",
+  "utility-pink-600": "var(--color-pink-600)",
+  "utility-pink-700": "var(--color-pink-700)",
+  "utility-slate-50": "var(--color-slate-50)",
+  "utility-slate-100": "var(--color-slate-100)",
+  "utility-slate-200": "var(--color-slate-200)",
+  "utility-slate-300": "var(--color-slate-300)",
+  "utility-slate-400": "var(--color-slate-400)",
+  "utility-slate-500": "var(--color-slate-500)",
+  "utility-slate-600": "var(--color-slate-600)",
+  "utility-slate-700": "var(--color-slate-700)",
+  "alpha-white-10": "oklch(var(--color-white) / 0.1)",
+  "alpha-white-20": "oklch(var(--color-white) / 0.2)",
+  "alpha-white-30": "oklch(var(--color-white) / 0.3)",
+  "alpha-white-40": "oklch(var(--color-white) / 0.4)",
+  "alpha-white-50": "oklch(var(--color-white) / 0.5)",
+  "alpha-white-60": "oklch(var(--color-white) / 0.6)",
+  "alpha-white-70": "oklch(var(--color-white) / 0.7)",
+  "alpha-white-80": "oklch(var(--color-white) / 0.8)",
+  "alpha-white-90": "oklch(var(--color-white) / 0.9)",
+  "alpha-white-100": "oklch(var(--color-white) / 1)",
+  "alpha-black-10": "oklch(var(--color-black) / 0.1)",
+  "alpha-black-20": "oklch(var(--color-black) / 0.2)",
+  "alpha-black-30": "oklch(var(--color-black) / 0.3)",
+  "alpha-black-40": "oklch(var(--color-black) / 0.4)",
+  "alpha-black-50": "oklch(var(--color-black) / 0.5)",
+  "alpha-black-60": "oklch(var(--color-black) / 0.6)",
+  "alpha-black-70": "oklch(var(--color-black) / 0.7)",
+  "alpha-black-80": "oklch(var(--color-black) / 0.8)",
+  "alpha-black-90": "oklch(var(--color-black) / 0.9)",
+  "alpha-black-100": "oklch(var(--color-black) / 1)",
+  /* --- Shared --- */
+  "container-padding-mobile": "1rem",
+  "container-padding-desktop": "2rem",
+  "container-max-width-desktop": "80rem",
+  "paragraph-max-width": "45rem",
+  "radius-none": "0px",
+  "radius-xxs": "2px",
+  "radius-xs": "4px",
+  "radius-sm": "6px",
+  "radius-md": "8px",
+  "radius-lg": "10px",
+  "radius-xl": "12px",
+  "radius-2xl": "16px",
+  "radius-3xl": "20px",
+  "radius-4xl": "24px",
+  "radius-full": "9999px",
+  "radius": "8px",
+  "ring-width": "2px",
+  "ring-offset": "2px"
+};
+var dark = {
+  /* --- Backgrounds (bg-*) --- */
+  "bg-primary": "var(--color-neutral-950)",
+  "bg-primary_alt": "var(--color-neutral-950)",
+  "bg-primary_hover": "var(--color-neutral-900)",
+  "bg-primary-solid": "var(--color-white)",
+  "bg-secondary": "var(--color-neutral-900)",
+  "bg-secondary_alt": "var(--color-neutral-900)",
+  "bg-secondary_hover": "var(--color-neutral-800)",
+  "bg-secondary_subtle": "var(--color-neutral-950)",
+  "bg-secondary-solid": "var(--color-neutral-500)",
+  "bg-tertiary": "var(--color-neutral-800)",
+  "bg-quaternary": "var(--color-neutral-700)",
+  "bg-active": "var(--color-neutral-800)",
+  "bg-disabled": "var(--color-neutral-800)",
+  "bg-overlay": "var(--color-neutral-950)",
+  "bg-brand-primary": "var(--color-brand-950)",
+  "bg-brand-primary_alt": "var(--color-brand-950)",
+  "bg-brand-secondary": "var(--color-brand-900)",
+  "bg-brand-solid": "var(--color-brand-400)",
+  "bg-brand-solid_hover": "var(--color-brand-300)",
+  "bg-brand-section": "var(--color-brand-950)",
+  "bg-brand-section_subtle": "var(--color-brand-900)",
+  "bg-error-primary": "var(--color-red-950)",
+  "bg-error-secondary": "var(--color-red-900)",
+  "bg-error-solid": "var(--color-red-600)",
+  "bg-error-solid_hover": "var(--color-red-500)",
+  "bg-warning-primary": "var(--color-amber-950)",
+  "bg-warning-secondary": "var(--color-amber-900)",
+  "bg-warning-solid": "var(--color-amber-600)",
+  "bg-success-primary": "var(--color-green-950)",
+  "bg-success-secondary": "var(--color-green-900)",
+  "bg-success-solid": "var(--color-green-600)",
+  /* --- Text (text-*) --- */
+  "text-primary": "var(--color-neutral-50)",
+  "text-primary_on-brand": "var(--color-white)",
+  "text-secondary": "var(--color-neutral-300)",
+  "text-secondary_hover": "var(--color-neutral-100)",
+  "text-secondary_on-brand": "var(--color-brand-300)",
+  "text-tertiary": "var(--color-neutral-400)",
+  "text-tertiary_hover": "var(--color-neutral-300)",
+  "text-tertiary_on-brand": "var(--color-brand-300)",
+  "text-quaternary": "var(--color-neutral-500)",
+  "text-quaternary_on-brand": "var(--color-brand-400)",
+  "text-white": "var(--color-white)",
+  "text-disabled": "var(--color-neutral-500)",
+  "text-placeholder": "var(--color-neutral-500)",
+  "text-placeholder_subtle": "var(--color-neutral-700)",
+  "text-brand-primary": "var(--color-brand-600)",
+  "text-brand-secondary": "var(--color-brand-200)",
+  "text-brand-secondary_hover": "var(--color-brand-100)",
+  "text-brand-tertiary": "var(--color-brand-400)",
+  "text-brand-tertiary_alt": "var(--color-brand-400)",
+  "text-error-primary": "var(--color-red-200)",
+  "text-warning-primary": "var(--color-amber-200)",
+  "text-success-primary": "var(--color-green-200)",
+  /* --- Foreground (fg-*) --- */
+  "fg-primary": "var(--color-neutral-50)",
+  "fg-secondary": "var(--color-neutral-300)",
+  "fg-secondary_hover": "var(--color-neutral-100)",
+  "fg-tertiary": "var(--color-neutral-400)",
+  "fg-tertiary_hover": "var(--color-neutral-300)",
+  "fg-quaternary": "var(--color-neutral-500)",
+  "fg-quaternary_hover": "var(--color-neutral-400)",
+  "fg-white": "var(--color-white)",
+  "fg-disabled": "var(--color-neutral-600)",
+  "fg-disabled_subtle": "var(--color-neutral-700)",
+  "fg-brand-primary": "var(--color-brand-400)",
+  "fg-brand-primary_alt": "var(--color-brand-400)",
+  "fg-brand-secondary": "var(--color-brand-300)",
+  "fg-brand-secondary_alt": "var(--color-brand-300)",
+  "fg-error-primary": "var(--color-red-400)",
+  "fg-error-secondary": "var(--color-red-300)",
+  "fg-warning-primary": "var(--color-amber-400)",
+  "fg-warning-secondary": "var(--color-amber-300)",
+  "fg-success-primary": "var(--color-green-400)",
+  "fg-success-secondary": "var(--color-green-300)",
+  /* --- Borders (border-*) --- */
+  "border-primary": "var(--color-neutral-800)",
+  "border-secondary": "var(--color-neutral-900)",
+  "border-secondary_alt": "var(--color-white)",
+  "border-tertiary": "var(--color-neutral-950)",
+  "border-disabled": "var(--color-neutral-800)",
+  "border-disabled_subtle": "var(--color-neutral-900)",
+  "border-brand": "var(--color-brand-600)",
+  "border-brand_alt": "var(--color-brand-500)",
+  "border-error": "var(--color-red-400)",
+  "border-error_subtle": "var(--color-red-800)",
+  "border-success": "var(--color-green-400)",
+  "border-warning": "var(--color-amber-400)",
+  /* --- Gradients (gradient-*) --- */
+  "gradient-neutral-600-500-90": "linear-gradient(90deg, oklch(var(--color-neutral-600)) 0%, oklch(var(--color-neutral-500)) 100%)",
+  "gradient-neutral-700-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-700)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-600-90": "linear-gradient(90deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-800-700-26_5": "linear-gradient(26.5deg, oklch(var(--color-neutral-800)) 0%, oklch(var(--color-neutral-700)) 100%)",
+  "gradient-neutral-900-600-45": "linear-gradient(45deg, oklch(var(--color-neutral-900)) 0%, oklch(var(--color-neutral-600)) 100%)",
+  "gradient-neutral-900-700-45": "linear-gradient(45deg, oklch(var(--color-neutral-900)) 0%, oklch(var(--color-neutral-700)) 100%)",
+  "gradient-neutral-50-white-180": "linear-gradient(180deg, oklch(var(--color-neutral-50)) 0%, oklch(var(--color-white)) 100%)",
+  "gradient-neutral-100-white-180": "linear-gradient(180deg, oklch(var(--color-neutral-100)) 0%, oklch(var(--color-white)) 100%)",
+  "gradient-neutral-100-50-180": "linear-gradient(180deg, oklch(var(--color-neutral-100)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-200-50-180": "linear-gradient(180deg, oklch(var(--color-neutral-200)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-200-100-180": "linear-gradient(180deg, oklch(var(--color-neutral-200)) 0%, oklch(var(--color-neutral-100)) 100%)",
+  "gradient-neutral-white-50-180": "linear-gradient(180deg, oklch(var(--color-white)) 0%, oklch(var(--color-neutral-50)) 100%)",
+  "gradient-neutral-50-100-180": "linear-gradient(180deg, oklch(var(--color-neutral-50)) 0%, oklch(var(--color-neutral-100)) 100%)",
+  "gradient-brand-600-500-90": "linear-gradient(90deg, oklch(var(--color-brand-600)) 0%, oklch(var(--color-brand-500)) 100%)",
+  "gradient-brand-700-600-45": "linear-gradient(45deg, oklch(var(--color-brand-700)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-600-45": "linear-gradient(45deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-600-90": "linear-gradient(90deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-800-700-26_5": "linear-gradient(26.5deg, oklch(var(--color-brand-800)) 0%, oklch(var(--color-brand-700)) 100%)",
+  "gradient-brand-900-600-45": "linear-gradient(45deg, oklch(var(--color-brand-900)) 0%, oklch(var(--color-brand-600)) 100%)",
+  "gradient-brand-900-700-45": "linear-gradient(45deg, oklch(var(--color-brand-900)) 0%, oklch(var(--color-brand-700)) 100%)",
+  /* --- Utility color space (utility-*) --- */
+  "utility-neutral-50": "var(--color-neutral-50)",
+  "utility-neutral-100": "var(--color-neutral-100)",
+  "utility-neutral-200": "var(--color-neutral-200)",
+  "utility-neutral-300": "var(--color-neutral-300)",
+  "utility-neutral-400": "var(--color-neutral-400)",
+  "utility-neutral-500": "var(--color-neutral-500)",
+  "utility-neutral-600": "var(--color-neutral-600)",
+  "utility-neutral-700": "var(--color-neutral-700)",
+  "utility-neutral-800": "var(--color-neutral-800)",
+  "utility-neutral-900": "var(--color-neutral-900)",
+  "utility-brand-50": "var(--color-brand-50)",
+  "utility-brand-100": "var(--color-brand-100)",
+  "utility-brand-200": "var(--color-brand-200)",
+  "utility-brand-300": "var(--color-brand-300)",
+  "utility-brand-400": "var(--color-brand-400)",
+  "utility-brand-500": "var(--color-brand-500)",
+  "utility-brand-600": "var(--color-brand-600)",
+  "utility-brand-700": "var(--color-brand-700)",
+  "utility-brand-800": "var(--color-brand-800)",
+  "utility-brand-900": "var(--color-brand-900)",
+  "utility-red-50": "var(--color-red-50)",
+  "utility-red-100": "var(--color-red-100)",
+  "utility-red-200": "var(--color-red-200)",
+  "utility-red-300": "var(--color-red-300)",
+  "utility-red-400": "var(--color-red-400)",
+  "utility-red-500": "var(--color-red-500)",
+  "utility-red-600": "var(--color-red-600)",
+  "utility-red-700": "var(--color-red-700)",
+  "utility-yellow-50": "var(--color-yellow-50)",
+  "utility-yellow-100": "var(--color-yellow-100)",
+  "utility-yellow-200": "var(--color-yellow-200)",
+  "utility-yellow-300": "var(--color-yellow-300)",
+  "utility-yellow-400": "var(--color-yellow-400)",
+  "utility-yellow-500": "var(--color-yellow-500)",
+  "utility-yellow-600": "var(--color-yellow-600)",
+  "utility-yellow-700": "var(--color-yellow-700)",
+  "utility-green-50": "var(--color-green-50)",
+  "utility-green-100": "var(--color-green-100)",
+  "utility-green-200": "var(--color-green-200)",
+  "utility-green-300": "var(--color-green-300)",
+  "utility-green-400": "var(--color-green-400)",
+  "utility-green-500": "var(--color-green-500)",
+  "utility-green-600": "var(--color-green-600)",
+  "utility-green-700": "var(--color-green-700)",
+  "utility-orange-50": "var(--color-orange-50)",
+  "utility-orange-100": "var(--color-orange-100)",
+  "utility-orange-200": "var(--color-orange-200)",
+  "utility-orange-300": "var(--color-orange-300)",
+  "utility-orange-400": "var(--color-orange-400)",
+  "utility-orange-500": "var(--color-orange-500)",
+  "utility-orange-600": "var(--color-orange-600)",
+  "utility-orange-700": "var(--color-orange-700)",
+  "utility-sky-50": "var(--color-sky-50)",
+  "utility-sky-100": "var(--color-sky-100)",
+  "utility-sky-200": "var(--color-sky-200)",
+  "utility-sky-300": "var(--color-sky-300)",
+  "utility-sky-400": "var(--color-sky-400)",
+  "utility-sky-500": "var(--color-sky-500)",
+  "utility-sky-600": "var(--color-sky-600)",
+  "utility-sky-700": "var(--color-sky-700)",
+  "utility-blue-50": "var(--color-blue-50)",
+  "utility-blue-100": "var(--color-blue-100)",
+  "utility-blue-200": "var(--color-blue-200)",
+  "utility-blue-300": "var(--color-blue-300)",
+  "utility-blue-400": "var(--color-blue-400)",
+  "utility-blue-500": "var(--color-blue-500)",
+  "utility-blue-600": "var(--color-blue-600)",
+  "utility-blue-700": "var(--color-blue-700)",
+  "utility-indigo-50": "var(--color-indigo-50)",
+  "utility-indigo-100": "var(--color-indigo-100)",
+  "utility-indigo-200": "var(--color-indigo-200)",
+  "utility-indigo-300": "var(--color-indigo-300)",
+  "utility-indigo-400": "var(--color-indigo-400)",
+  "utility-indigo-500": "var(--color-indigo-500)",
+  "utility-indigo-600": "var(--color-indigo-600)",
+  "utility-indigo-700": "var(--color-indigo-700)",
+  "utility-purple-50": "var(--color-purple-50)",
+  "utility-purple-100": "var(--color-purple-100)",
+  "utility-purple-200": "var(--color-purple-200)",
+  "utility-purple-300": "var(--color-purple-300)",
+  "utility-purple-400": "var(--color-purple-400)",
+  "utility-purple-500": "var(--color-purple-500)",
+  "utility-purple-600": "var(--color-purple-600)",
+  "utility-purple-700": "var(--color-purple-700)",
+  "utility-fuchsia-50": "var(--color-fuchsia-50)",
+  "utility-fuchsia-100": "var(--color-fuchsia-100)",
+  "utility-fuchsia-200": "var(--color-fuchsia-200)",
+  "utility-fuchsia-300": "var(--color-fuchsia-300)",
+  "utility-fuchsia-400": "var(--color-fuchsia-400)",
+  "utility-fuchsia-500": "var(--color-fuchsia-500)",
+  "utility-fuchsia-600": "var(--color-fuchsia-600)",
+  "utility-fuchsia-700": "var(--color-fuchsia-700)",
+  "utility-pink-50": "var(--color-pink-50)",
+  "utility-pink-100": "var(--color-pink-100)",
+  "utility-pink-200": "var(--color-pink-200)",
+  "utility-pink-300": "var(--color-pink-300)",
+  "utility-pink-400": "var(--color-pink-400)",
+  "utility-pink-500": "var(--color-pink-500)",
+  "utility-pink-600": "var(--color-pink-600)",
+  "utility-pink-700": "var(--color-pink-700)",
+  "utility-slate-50": "var(--color-slate-50)",
+  "utility-slate-100": "var(--color-slate-100)",
+  "utility-slate-200": "var(--color-slate-200)",
+  "utility-slate-300": "var(--color-slate-300)",
+  "utility-slate-400": "var(--color-slate-400)",
+  "utility-slate-500": "var(--color-slate-500)",
+  "utility-slate-600": "var(--color-slate-600)",
+  "utility-slate-700": "var(--color-slate-700)",
+  "alpha-white-10": "oklch(var(--color-white) / 0.1)",
+  "alpha-white-20": "oklch(var(--color-white) / 0.2)",
+  "alpha-white-30": "oklch(var(--color-white) / 0.3)",
+  "alpha-white-40": "oklch(var(--color-white) / 0.4)",
+  "alpha-white-50": "oklch(var(--color-white) / 0.5)",
+  "alpha-white-60": "oklch(var(--color-white) / 0.6)",
+  "alpha-white-70": "oklch(var(--color-white) / 0.7)",
+  "alpha-white-80": "oklch(var(--color-white) / 0.8)",
+  "alpha-white-90": "oklch(var(--color-white) / 0.9)",
+  "alpha-white-100": "oklch(var(--color-white) / 1)",
+  "alpha-black-10": "oklch(var(--color-black) / 0.1)",
+  "alpha-black-20": "oklch(var(--color-black) / 0.2)",
+  "alpha-black-30": "oklch(var(--color-black) / 0.3)",
+  "alpha-black-40": "oklch(var(--color-black) / 0.4)",
+  "alpha-black-50": "oklch(var(--color-black) / 0.5)",
+  "alpha-black-60": "oklch(var(--color-black) / 0.6)",
+  "alpha-black-70": "oklch(var(--color-black) / 0.7)",
+  "alpha-black-80": "oklch(var(--color-black) / 0.8)",
+  "alpha-black-90": "oklch(var(--color-black) / 0.9)",
+  "alpha-black-100": "oklch(var(--color-black) / 1)"
+};
+
+// src/typography.ts
+var typeScale = {
+  /* ── Display ─────────────────────────────────────────────── */
+  "display-2xl": { size: "4.5rem", lineHeight: "5.625rem", letterSpacing: "-0.02em" },
+  "display-xl": { size: "3.75rem", lineHeight: "4.5rem", letterSpacing: "-0.02em" },
+  "display-lg": { size: "3rem", lineHeight: "3.75rem", letterSpacing: "-0.02em" },
+  "display-md": { size: "2.25rem", lineHeight: "2.75rem", letterSpacing: "-0.02em" },
+  "display-sm": { size: "1.875rem", lineHeight: "2.375rem", letterSpacing: "-0.01em" },
+  "display-xs": { size: "1.5rem", lineHeight: "2rem", letterSpacing: "0em" },
+  /* ── Text ────────────────────────────────────────────────── */
+  "text-xl": { size: "1.25rem", lineHeight: "1.875rem", letterSpacing: "0em" },
+  "text-lg": { size: "1.125rem", lineHeight: "1.75rem", letterSpacing: "0em" },
+  "text-md": { size: "1rem", lineHeight: "1.5rem", letterSpacing: "0em" },
+  "text-sm": { size: "0.875rem", lineHeight: "1.25rem", letterSpacing: "0em" },
+  "text-xs": { size: "0.75rem", lineHeight: "1.125rem", letterSpacing: "0em" }
+};
+
+// src/css.ts
+function baseVars() {
+  return Object.entries(base).map(([key, value]) => `    --color-${key}: ${value};`).join("\n");
+}
+function primitiveVars() {
+  const lines = [];
+  for (const [scale, steps] of Object.entries(primitives)) {
+    for (const [step, value] of Object.entries(steps)) {
+      lines.push(`    --color-${scale}-${step}: ${value};`);
+    }
+  }
+  return lines.join("\n");
+}
+function typographyThemeVars() {
+  const lines = [];
+  for (const [name, step] of Object.entries(typeScale)) {
+    lines.push(`  --font-size-${name}: ${step.size};`);
+    lines.push(`  --font-size-${name}--line-height: ${step.lineHeight};`);
+    if (step.letterSpacing !== "0em") {
+      lines.push(`  --font-size-${name}--letter-spacing: ${step.letterSpacing};`);
+    }
+  }
+  return lines.join("\n") + "\n";
+}
+function semanticVars(map) {
+  return Object.entries(map).map(([key, value]) => `    --${key}: ${value};`).join("\n");
+}
+function generateCSS() {
+  return `:root {
+  /* Base colors */
+${baseVars()}
+
+  /* Primitives \u2014 OKLCH channels sourced from Tailwind CSS v4 */
+${primitiveVars()}
+
+  /* Semantic aliases \u2014 light mode */
+${semanticVars(light)}
+}
+
+.dark {
+  /* Semantic aliases \u2014 dark mode overrides */
+${semanticVars(dark)}
+}
+
+@theme {
+  /* Background Colors */
+  --background-color-primary: oklch(var(--bg-primary));
+  --background-color-primary_alt: oklch(var(--bg-primary_alt));
+  --background-color-primary_hover: oklch(var(--bg-primary_hover));
+  --background-color-primary-solid: oklch(var(--bg-primary-solid));
+  --background-color-secondary: oklch(var(--bg-secondary));
+  --background-color-secondary_alt: oklch(var(--bg-secondary_alt));
+  --background-color-secondary_hover: oklch(var(--bg-secondary_hover));
+  --background-color-secondary_subtle: oklch(var(--bg-secondary_subtle));
+  --background-color-secondary-solid: oklch(var(--bg-secondary-solid));
+  --background-color-tertiary: oklch(var(--bg-tertiary));
+  --background-color-quaternary: oklch(var(--bg-quaternary));
+  --background-color-active: oklch(var(--bg-active));
+  --background-color-disabled: oklch(var(--bg-disabled));
+  --background-color-overlay: oklch(var(--bg-overlay));
+  
+  --background-color-brand-primary: oklch(var(--bg-brand-primary));
+  --background-color-brand-primary_alt: oklch(var(--bg-brand-primary_alt));
+  --background-color-brand-secondary: oklch(var(--bg-brand-secondary));
+  --background-color-brand-solid: oklch(var(--bg-brand-solid));
+  --background-color-brand-solid_hover: oklch(var(--bg-brand-solid_hover));
+  --background-color-brand-section: oklch(var(--bg-brand-section));
+  --background-color-brand-section_subtle: oklch(var(--bg-brand-section_subtle));
+
+  --background-color-error-primary: oklch(var(--bg-error-primary));
+  --background-color-error-secondary: oklch(var(--bg-error-secondary));
+  --background-color-error-solid: oklch(var(--bg-error-solid));
+  --background-color-error-solid_hover: oklch(var(--bg-error-solid_hover));
+
+  --background-color-warning-primary: oklch(var(--bg-warning-primary));
+  --background-color-warning-secondary: oklch(var(--bg-warning-secondary));
+  --background-color-warning-solid: oklch(var(--bg-warning-solid));
+
+  --background-color-success-primary: oklch(var(--bg-success-primary));
+  --background-color-success-secondary: oklch(var(--bg-success-secondary));
+  --background-color-success-solid: oklch(var(--bg-success-solid));
+
+  /* Text Colors */
+  --text-color-primary: oklch(var(--text-primary));
+  --text-color-secondary: oklch(var(--text-secondary));
+  --text-color-secondary_hover: oklch(var(--text-secondary_hover));
+  --text-color-tertiary: oklch(var(--text-tertiary));
+  --text-color-tertiary_hover: oklch(var(--text-tertiary_hover));
+  --text-color-quaternary: oklch(var(--text-quaternary));
+  --text-color-white: oklch(var(--text-white));
+  --text-color-disabled: oklch(var(--text-disabled));
+  --text-color-placeholder: oklch(var(--text-placeholder));
+  --text-color-placeholder_subtle: oklch(var(--text-placeholder_subtle));
+  
+  --text-color-brand-primary: oklch(var(--text-brand-primary));
+  --text-color-brand-secondary: oklch(var(--text-brand-secondary));
+  --text-color-brand-secondary_hover: oklch(var(--text-brand-secondary_hover));
+  --text-color-brand-tertiary: oklch(var(--text-brand-tertiary));
+  --text-color-brand-tertiary_alt: oklch(var(--text-brand-tertiary_alt));
+
+  --text-color-error-primary: oklch(var(--text-error-primary));
+  --text-color-warning-primary: oklch(var(--text-warning-primary));
+  --text-color-success-primary: oklch(var(--text-success-primary));
+
+  /* Icon/Foreground Colors (mapped to text-fg-*) */
+  --text-color-fg-primary: oklch(var(--fg-primary));
+  --text-color-fg-secondary: oklch(var(--fg-secondary));
+  --text-color-fg-secondary_hover: oklch(var(--fg-secondary_hover));
+  --text-color-fg-tertiary: oklch(var(--fg-tertiary));
+  --text-color-fg-tertiary_hover: oklch(var(--fg-tertiary_hover));
+  --text-color-fg-quaternary: oklch(var(--fg-quaternary));
+  --text-color-fg-quaternary_hover: oklch(var(--fg-quaternary_hover));
+  --text-color-fg-white: oklch(var(--fg-white));
+  --text-color-fg-disabled: oklch(var(--fg-disabled));
+  --text-color-fg-disabled_subtle: oklch(var(--fg-disabled_subtle));
+  --text-color-fg-brand-primary: oklch(var(--fg-brand-primary));
+  --text-color-fg-brand-primary_alt: oklch(var(--fg-brand-primary_alt));
+  --text-color-fg-brand-secondary: oklch(var(--fg-brand-secondary));
+  --text-color-fg-brand-secondary_alt: oklch(var(--fg-brand-secondary_alt));
+  --text-color-fg-error-primary: oklch(var(--fg-error-primary));
+  --text-color-fg-error-secondary: oklch(var(--fg-error-secondary));
+  --text-color-fg-warning-primary: oklch(var(--fg-warning-primary));
+  --text-color-fg-warning-secondary: oklch(var(--fg-warning-secondary));
+  --text-color-fg-success-primary: oklch(var(--fg-success-primary));
+  --text-color-fg-success-secondary: oklch(var(--fg-success-secondary));
+
+  /* Border Colors */
+  --border-color-primary: oklch(var(--border-primary));
+  --border-color-secondary: oklch(var(--border-secondary));
+  --border-color-secondary_alt: oklch(var(--border-secondary_alt));
+  --border-color-tertiary: oklch(var(--border-tertiary));
+  --border-color-disabled: oklch(var(--border-disabled));
+  --border-color-disabled_subtle: oklch(var(--border-disabled_subtle));
+  --border-color-brand: oklch(var(--border-brand));
+  --border-color-brand_alt: oklch(var(--border-brand_alt));
+  --border-color-error: oklch(var(--border-error));
+  --border-color-error_subtle: oklch(var(--border-error_subtle));
+  --border-color-success: oklch(var(--border-success));
+  --border-color-warning: oklch(var(--border-warning));
+
+  /* Border Radius */
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-xs: var(--radius-xs);
+  --radius-radius-sm: var(--radius-sm);
+  --radius-radius-md: var(--radius-md);
+  --radius-radius-xl: var(--radius-xl);
+
+  /* Containers & Layout */
+  --container-padding-mobile: var(--container-padding-mobile);
+  --container-padding-desktop: var(--container-padding-desktop);
+  --container-max-width-desktop: var(--container-max-width-desktop);
+  --paragraph-max-width: var(--paragraph-max-width);
+
+  /* Typography \u2014 Untitled UI PRO v7 type scale */
+${typographyThemeVars()}}
+`;
+}
+
+export {
+  primitives,
+  base,
+  light,
+  dark,
+  typeScale,
+  generateCSS
+};