@still-forest/canopy 0.56.1 → 0.57.0

package/dist/styles/base.css

@@ -0,0 +1,4 @@
+@import "./color.css";
+@import "./dimensions.css";
+@import "./typography.css";
+@import "./theme.css";

package/dist/styles/color.css

@@ -0,0 +1,421 @@
+:root {
+  /* Custom colors */
+
+  /* Hydrangea */
+  /* anchor: 500 = rgb(164, 179, 198) / #A4B3C6 */
+  /* Full palette generated using https://www.tints.dev/palette (hue 0, saturation 2, lightness 100-5 */
+  --color-hydrangea: rgb(164, 179, 198);
+  --color-hydrangea-50: oklch(0.975 0.005 247.84);
+  --color-hydrangea-100: oklch(0.948 0.01 261.82);
+  --color-hydrangea-200: oklch(0.905 0.017 259.43);
+  --color-hydrangea-300: oklch(0.854 0.024 256.11);
+  --color-hydrangea-400: oklch(0.81 0.029 256.5);
+  --color-hydrangea-500: oklch(0.761 0.032 254.36);
+  --color-hydrangea-600: oklch(0.646 0.041 253.33);
+  --color-hydrangea-700: oklch(0.525 0.038 252.68);
+  --color-hydrangea-800: oklch(0.414 0.031 250.35);
+  --color-hydrangea-900: oklch(0.293 0.024 251.09);
+  --color-hydrangea-950: oklch(0.24 0.023 251.44);
+
+  /* English Violet */
+  /* anchor: 800 = rgb(71, 49, 68) / #473144 */
+  /* Full palette generated using https://www.tints.dev/palette (hue 0, saturation 0, lightness 100-0 */
+  --color-english-violet: rgb(71, 49, 68);
+  --color-english-violet-50: oklch(0.958 0.009 331.18);
+  --color-english-violet-100: oklch(0.916 0.019 331.21);
+  --color-english-violet-200: oklch(0.841 0.036 330.35);
+  --color-english-violet-300: oklch(0.756 0.058 330.97);
+  --color-english-violet-400: oklch(0.681 0.078 330.93);
+  --color-english-violet-500: oklch(0.596 0.077 331.31);
+  --color-english-violet-600: oklch(0.516 0.065 331.38);
+  --color-english-violet-700: oklch(0.428 0.055 331.37);
+  --color-english-violet-800: oklch(0.346 0.044 331.29);
+  --color-english-violet-900: oklch(0.245 0.03 331.51);
+  --color-english-violet-950: oklch(0.19 0.024 329.91);
+
+  /* Forest */
+  /* anchor: 700 = rgb(39, 80, 45) / #27502D */
+  /* Full palette generated using https://www.tints.dev/palette (hue 0, saturation -4, lightness 100-0 */
+  --color-forest: rgb(39, 80, 45);
+  --color-forest-50: oklch(0.955 0.009 150.47);
+  --color-forest-100: oklch(0.91 0.04 148.67);
+  --color-forest-200: oklch(0.821 0.068 148.16);
+  --color-forest-300: oklch(0.731 0.077 148.1);
+  --color-forest-400: oklch(0.646 0.083 147.63);
+  --color-forest-500: oklch(0.56 0.083 147.4);
+  --color-forest-600: oklch(0.474 0.078 147.43);
+  --color-forest-700: oklch(0.391 0.075 147.22);
+  --color-forest-800: oklch(0.305 0.05 147.03);
+  --color-forest-900: oklch(0.221 0.033 147.63);
+  --color-forest-950: oklch(0.175 0.021 147.4);
+
+  /* French Violet (Benjamin Moore) */
+  /* anchor: 600 = rgb(105, 109, 134) / #696D86 */
+  /* Full palette generated using https://www.tints.dev/palette (hue 0, saturation 0, lightness 100-0 */
+  --color-french-violet: rgb(105, 109, 134);
+  --color-french-violet-50: oklch(0.965 0.003 286.81);
+  --color-french-violet-100: oklch(0.923 0.007 277.28);
+  --color-french-violet-200: oklch(0.844 0.014 281.59);
+  --color-french-violet-300: oklch(0.769 0.019 279.01);
+  --color-french-violet-400: oklch(0.69 0.028 278.54);
+  --color-french-violet-500: oklch(0.614 0.033 277.25);
+  --color-french-violet-600: oklch(0.541 0.039 277.88);
+  --color-french-violet-700: oklch(0.44 0.033 278.27);
+  --color-french-violet-800: oklch(0.337 0.025 278.62);
+  --color-french-violet-900: oklch(0.242 0.017 280.06);
+  --color-french-violet-950: oklch(0.189 0.014 278.58);
+
+  /* Coral Reef */
+  /* anchor: 400 = rgb(223, 157, 144) / #DF9D90 */
+  --color-coral-reef: rgb(223, 157, 144);
+  --color-coral-reef-50: oklch(0.967 0.009 26.19);
+  --color-coral-reef-100: oklch(0.942 0.016 27.38);
+  --color-coral-reef-200: oklch(0.873 0.036 28.71);
+  --color-coral-reef-300: oklch(0.816 0.056 29.49);
+  --color-coral-reef-400: oklch(0.757 0.082 31.47);
+  --color-coral-reef-500: oklch(0.658 0.116 34.95);
+  --color-coral-reef-600: oklch(0.553 0.097 34.4);
+  --color-coral-reef-700: oklch(0.449 0.078 35.43);
+  --color-coral-reef-800: oklch(0.35 0.062 34.95);
+  --color-coral-reef-900: oklch(0.246 0.042 36.48);
+  --color-coral-reef-950: oklch(0.191 0.034 32.86);
+
+  /* Benjamin Moore color palettes */
+  /* french violet */
+  --color-kensington-green: rgb(154, 185, 181);
+  --color-oxford-white: rgb(240, 241, 234);
+
+  --color-misted-green: rgb(176, 184, 174);
+  --color-black-pepper: rgb(113, 124, 134);
+  --color-chalk-white: rgb(234, 237, 235);
+
+  --color-english-hyacinth: rgb(200, 208, 227);
+  --color-chantilly-lace: rgb(244, 246, 241);
+  --color-wolf-grey: rgb(114, 124, 131);
+
+  --color-english-manor: rgb(109, 67, 56);
+  --color-odessa-pink: rgb(226, 200, 186);
+  --color-cloud-white: rgb(242, 241, 230);
+
+  --color-wisteria: rgb(156, 156, 166);
+  --color-white-dove: rgb(239, 238, 229);
+  --color-portland-gray: rgb(211, 204, 199);
+
+  --color-blue-heather: rgb(177, 191, 199);
+  --color-paper-white: rgb(224, 226, 220);
+  /* white-dove */
+
+  --color-ashland-slate: rgb(105, 109, 114);
+  --color-simply-white: rgb(246, 246, 237);
+  --color-october-sky: rgb(245, 236, 220);
+
+  --color-oakwood-manor: rgb(218, 202, 172);
+  --color-dune-white: rgb(236, 234, 224);
+  --color-coventry-gray: rgb(184, 186, 182);
+
+  --color-manor-blue: rgb(172, 183, 192);
+  --color-distant-gray: rgb(242, 244, 241);
+  --color-witching-hour: rgb(70, 73, 79);
+
+  /* manor-blue */
+  --color-white-christmas: rgb(236, 238, 234);
+  --color-dune-grass: rgb(218, 217, 190);
+
+  --color-amherst-gray: rgb(117, 118, 112);
+  --color-wythe-blue: rgb(170, 190, 180);
+  --color-vanilla-milkshake: rgb(236, 236, 227);
+
+  /* amherst-gray */
+  --color-porcelain: rgb(208, 197, 197);
+  --color-oyster: rgb(236, 233, 232);
+
+  /* Tailwind colors*/
+  --color-red-50: oklch(0.971 0.013 17.38);
+  --color-red-100: oklch(0.936 0.032 17.717);
+  --color-red-200: oklch(0.885 0.062 18.334);
+  --color-red-300: oklch(0.808 0.114 19.571);
+  --color-red-400: oklch(0.704 0.191 22.216);
+  --color-red-500: oklch(0.637 0.237 25.331);
+  --color-red-600: oklch(0.577 0.245 27.325);
+  --color-red-700: oklch(0.505 0.213 27.518);
+  --color-red-800: oklch(0.444 0.177 26.899);
+  --color-red-900: oklch(0.396 0.141 25.723);
+  --color-red-950: oklch(0.258 0.092 26.042);
+  --color-orange-50: oklch(0.98 0.016 73.684);
+  --color-orange-100: oklch(0.954 0.038 75.164);
+  --color-orange-200: oklch(0.901 0.076 70.697);
+  --color-orange-300: oklch(0.837 0.128 66.29);
+  --color-orange-400: oklch(0.75 0.183 55.934);
+  --color-orange-500: oklch(0.705 0.213 47.604);
+  --color-orange-600: oklch(0.646 0.222 41.116);
+  --color-orange-700: oklch(0.553 0.195 38.402);
+  --color-orange-800: oklch(0.47 0.157 37.304);
+  --color-orange-900: oklch(0.408 0.123 38.172);
+  --color-orange-950: oklch(0.266 0.079 36.259);
+  --color-amber-50: oklch(0.987 0.022 95.277);
+  --color-amber-100: oklch(0.962 0.059 95.617);
+  --color-amber-200: oklch(0.924 0.12 95.746);
+  --color-amber-300: oklch(0.879 0.169 91.605);
+  --color-amber-400: oklch(0.828 0.189 84.429);
+  --color-amber-500: oklch(0.769 0.188 70.08);
+  --color-amber-600: oklch(0.666 0.179 58.318);
+  --color-amber-700: oklch(0.555 0.163 48.998);
+  --color-amber-800: oklch(0.473 0.137 46.201);
+  --color-amber-900: oklch(0.414 0.112 45.904);
+  --color-amber-950: oklch(0.279 0.077 45.635);
+  --color-yellow-50: oklch(0.987 0.026 102.212);
+  --color-yellow-100: oklch(0.973 0.071 103.193);
+  --color-yellow-200: oklch(0.945 0.129 101.54);
+  --color-yellow-300: oklch(0.905 0.182 98.111);
+  --color-yellow-400: oklch(0.852 0.199 91.936);
+  --color-yellow-500: oklch(0.795 0.184 86.047);
+  --color-yellow-600: oklch(0.681 0.162 75.834);
+  --color-yellow-700: oklch(0.554 0.135 66.442);
+  --color-yellow-800: oklch(0.476 0.114 61.907);
+  --color-yellow-900: oklch(0.421 0.095 57.708);
+  --color-yellow-950: oklch(0.286 0.066 53.813);
+  --color-lime-50: oklch(0.986 0.031 120.757);
+  --color-lime-100: oklch(0.967 0.067 122.328);
+  --color-lime-200: oklch(0.938 0.127 124.321);
+  --color-lime-300: oklch(0.897 0.196 126.665);
+  --color-lime-400: oklch(0.841 0.238 128.85);
+  --color-lime-500: oklch(0.768 0.233 130.85);
+  --color-lime-600: oklch(0.648 0.2 131.684);
+  --color-lime-700: oklch(0.532 0.157 131.589);
+  --color-lime-800: oklch(0.453 0.124 130.933);
+  --color-lime-900: oklch(0.405 0.101 131.063);
+  --color-lime-950: oklch(0.274 0.072 132.109);
+  --color-green-50: oklch(0.982 0.018 155.826);
+  --color-green-100: oklch(0.962 0.044 156.743);
+  --color-green-200: oklch(0.925 0.084 155.995);
+  --color-green-300: oklch(0.871 0.15 154.449);
+  --color-green-400: oklch(0.792 0.209 151.711);
+  --color-green-500: oklch(0.723 0.219 149.579);
+  --color-green-600: oklch(0.627 0.194 149.214);
+  --color-green-700: oklch(0.527 0.154 150.069);
+  --color-green-800: oklch(0.448 0.119 151.328);
+  --color-green-900: oklch(0.393 0.095 152.535);
+  --color-green-950: oklch(0.266 0.065 152.934);
+  --color-emerald-50: oklch(0.979 0.021 166.113);
+  --color-emerald-100: oklch(0.95 0.052 163.051);
+  --color-emerald-200: oklch(0.905 0.093 164.15);
+  --color-emerald-300: oklch(0.845 0.143 164.978);
+  --color-emerald-400: oklch(0.765 0.177 163.223);
+  --color-emerald-500: oklch(0.696 0.17 162.48);
+  --color-emerald-600: oklch(0.596 0.145 163.225);
+  --color-emerald-700: oklch(0.508 0.118 165.612);
+  --color-emerald-800: oklch(0.432 0.095 166.913);
+  --color-emerald-900: oklch(0.378 0.077 168.94);
+  --color-emerald-950: oklch(0.262 0.051 172.552);
+  --color-teal-50: oklch(0.984 0.014 180.72);
+  --color-teal-100: oklch(0.953 0.051 180.801);
+  --color-teal-200: oklch(0.91 0.096 180.426);
+  --color-teal-300: oklch(0.855 0.138 181.071);
+  --color-teal-400: oklch(0.777 0.152 181.912);
+  --color-teal-500: oklch(0.704 0.14 182.503);
+  --color-teal-600: oklch(0.6 0.118 184.704);
+  --color-teal-700: oklch(0.511 0.096 186.391);
+  --color-teal-800: oklch(0.437 0.078 188.216);
+  --color-teal-900: oklch(0.386 0.063 188.416);
+  --color-teal-950: oklch(0.277 0.046 192.524);
+  --color-cyan-50: oklch(0.984 0.019 200.873);
+  --color-cyan-100: oklch(0.956 0.045 203.388);
+  --color-cyan-200: oklch(0.917 0.08 205.041);
+  --color-cyan-300: oklch(0.865 0.127 207.078);
+  --color-cyan-400: oklch(0.789 0.154 211.53);
+  --color-cyan-500: oklch(0.715 0.143 215.221);
+  --color-cyan-600: oklch(0.609 0.126 221.723);
+  --color-cyan-700: oklch(0.52 0.105 223.128);
+  --color-cyan-800: oklch(0.45 0.085 224.283);
+  --color-cyan-900: oklch(0.398 0.07 227.392);
+  --color-cyan-950: oklch(0.302 0.056 229.695);
+  --color-sky-50: oklch(0.977 0.013 236.62);
+  --color-sky-100: oklch(0.951 0.026 236.824);
+  --color-sky-200: oklch(0.901 0.058 230.902);
+  --color-sky-300: oklch(0.828 0.111 230.318);
+  --color-sky-400: oklch(0.746 0.16 232.661);
+  --color-sky-500: oklch(0.685 0.169 237.323);
+  --color-sky-600: oklch(0.588 0.158 241.966);
+  --color-sky-700: oklch(0.5 0.134 242.749);
+  --color-sky-800: oklch(0.443 0.11 240.79);
+  --color-sky-900: oklch(0.391 0.09 240.876);
+  --color-sky-950: oklch(0.293 0.066 243.157);
+  --color-blue-50: oklch(0.97 0.014 254.604);
+  --color-blue-100: oklch(0.932 0.032 255.585);
+  --color-blue-200: oklch(0.882 0.059 254.128);
+  --color-blue-300: oklch(0.809 0.105 251.813);
+  --color-blue-400: oklch(0.707 0.165 254.624);
+  --color-blue-500: oklch(0.623 0.214 259.815);
+  --color-blue-600: oklch(0.546 0.245 262.881);
+  --color-blue-700: oklch(0.488 0.243 264.376);
+  --color-blue-800: oklch(0.424 0.199 265.638);
+  --color-blue-900: oklch(0.379 0.146 265.522);
+  --color-blue-950: oklch(0.282 0.091 267.935);
+  --color-indigo-50: oklch(0.962 0.018 272.314);
+  --color-indigo-100: oklch(0.93 0.034 272.788);
+  --color-indigo-200: oklch(0.87 0.065 274.039);
+  --color-indigo-300: oklch(0.785 0.115 274.713);
+  --color-indigo-400: oklch(0.673 0.182 276.935);
+  --color-indigo-500: oklch(0.585 0.233 277.117);
+  --color-indigo-600: oklch(0.511 0.262 276.966);
+  --color-indigo-700: oklch(0.457 0.24 277.023);
+  --color-indigo-800: oklch(0.398 0.195 277.366);
+  --color-indigo-900: oklch(0.359 0.144 278.697);
+  --color-indigo-950: oklch(0.257 0.09 281.288);
+  --color-violet-50: oklch(0.969 0.016 293.756);
+  --color-violet-100: oklch(0.943 0.029 294.588);
+  --color-violet-200: oklch(0.894 0.057 293.283);
+  --color-violet-300: oklch(0.811 0.111 293.571);
+  --color-violet-400: oklch(0.702 0.183 293.541);
+  --color-violet-500: oklch(0.606 0.25 292.717);
+  --color-violet-600: oklch(0.541 0.281 293.009);
+  --color-violet-700: oklch(0.491 0.27 292.581);
+  --color-violet-800: oklch(0.432 0.232 292.759);
+  --color-violet-900: oklch(0.38 0.189 293.745);
+  --color-violet-950: oklch(0.283 0.141 291.089);
+  --color-purple-50: oklch(0.977 0.014 308.299);
+  --color-purple-100: oklch(0.946 0.033 307.174);
+  --color-purple-200: oklch(0.902 0.063 306.703);
+  --color-purple-300: oklch(0.827 0.119 306.383);
+  --color-purple-400: oklch(0.714 0.203 305.504);
+  --color-purple-500: oklch(0.627 0.265 303.9);
+  --color-purple-600: oklch(0.558 0.288 302.321);
+  --color-purple-700: oklch(0.496 0.265 301.924);
+  --color-purple-800: oklch(0.438 0.218 303.724);
+  --color-purple-900: oklch(0.381 0.176 304.987);
+  --color-purple-950: oklch(0.291 0.149 302.717);
+  --color-fuchsia-50: oklch(0.977 0.017 320.058);
+  --color-fuchsia-100: oklch(0.952 0.037 318.852);
+  --color-fuchsia-200: oklch(0.903 0.076 319.62);
+  --color-fuchsia-300: oklch(0.833 0.145 321.434);
+  --color-fuchsia-400: oklch(0.74 0.238 322.16);
+  --color-fuchsia-500: oklch(0.667 0.295 322.15);
+  --color-fuchsia-600: oklch(0.591 0.293 322.896);
+  --color-fuchsia-700: oklch(0.518 0.253 323.949);
+  --color-fuchsia-800: oklch(0.452 0.211 324.591);
+  --color-fuchsia-900: oklch(0.401 0.17 325.612);
+  --color-fuchsia-950: oklch(0.293 0.136 325.661);
+  --color-pink-50: oklch(0.971 0.014 343.198);
+  --color-pink-100: oklch(0.948 0.028 342.258);
+  --color-pink-200: oklch(0.899 0.061 343.231);
+  --color-pink-300: oklch(0.823 0.12 346.018);
+  --color-pink-400: oklch(0.718 0.202 349.761);
+  --color-pink-500: oklch(0.656 0.241 354.308);
+  --color-pink-600: oklch(0.592 0.249 0.584);
+  --color-pink-700: oklch(0.525 0.223 3.958);
+  --color-pink-800: oklch(0.459 0.187 3.815);
+  --color-pink-900: oklch(0.408 0.153 2.432);
+  --color-pink-950: oklch(0.284 0.109 3.907);
+  --color-rose-50: oklch(0.969 0.015 12.422);
+  --color-rose-100: oklch(0.941 0.03 12.58);
+  --color-rose-200: oklch(0.892 0.058 10.001);
+  --color-rose-300: oklch(0.81 0.117 11.638);
+  --color-rose-400: oklch(0.712 0.194 13.428);
+  --color-rose-500: oklch(0.645 0.246 16.439);
+  --color-rose-600: oklch(0.586 0.253 17.585);
+  --color-rose-700: oklch(0.514 0.222 16.935);
+  --color-rose-800: oklch(0.455 0.188 13.697);
+  --color-rose-900: oklch(0.41 0.159 10.272);
+  --color-rose-950: oklch(0.271 0.105 12.094);
+  --color-slate-50: oklch(0.984 0.003 247.858);
+  --color-slate-100: oklch(0.968 0.007 247.896);
+  --color-slate-200: oklch(0.929 0.013 255.508);
+  --color-slate-300: oklch(0.869 0.022 252.894);
+  --color-slate-400: oklch(0.704 0.04 256.788);
+  --color-slate-500: oklch(0.554 0.046 257.417);
+  --color-slate-600: oklch(0.446 0.043 257.281);
+  --color-slate-700: oklch(0.372 0.044 257.287);
+  --color-slate-800: oklch(0.279 0.041 260.031);
+  --color-slate-900: oklch(0.208 0.042 265.755);
+  --color-slate-950: oklch(0.129 0.042 264.695);
+  --color-gray-50: oklch(0.985 0.002 247.839);
+  --color-gray-100: oklch(0.967 0.003 264.542);
+  --color-gray-200: oklch(0.928 0.006 264.531);
+  --color-gray-300: oklch(0.872 0.01 258.338);
+  --color-gray-400: oklch(0.707 0.022 261.325);
+  --color-gray-500: oklch(0.551 0.027 264.364);
+  --color-gray-600: oklch(0.446 0.03 256.802);
+  --color-gray-700: oklch(0.373 0.034 259.733);
+  --color-gray-800: oklch(0.278 0.033 256.848);
+  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-950: oklch(0.13 0.028 261.692);
+  --color-zinc-50: oklch(0.985 0 0);
+  --color-zinc-100: oklch(0.967 0.001 286.375);
+  --color-zinc-200: oklch(0.92 0.004 286.32);
+  --color-zinc-300: oklch(0.871 0.006 286.286);
+  --color-zinc-400: oklch(0.705 0.015 286.067);
+  --color-zinc-500: oklch(0.552 0.016 285.938);
+  --color-zinc-600: oklch(0.442 0.017 285.786);
+  --color-zinc-700: oklch(0.37 0.013 285.805);
+  --color-zinc-800: oklch(0.274 0.006 286.033);
+  --color-zinc-900: oklch(0.21 0.006 285.885);
+  --color-zinc-950: oklch(0.141 0.005 285.823);
+  --color-neutral-50: oklch(0.985 0 0);
+  --color-neutral-100: oklch(0.97 0 0);
+  --color-neutral-200: oklch(0.922 0 0);
+  --color-neutral-300: oklch(0.87 0 0);
+  --color-neutral-400: oklch(0.708 0 0);
+  --color-neutral-500: oklch(0.556 0 0);
+  --color-neutral-600: oklch(0.439 0 0);
+  --color-neutral-700: oklch(0.371 0 0);
+  --color-neutral-800: oklch(0.269 0 0);
+  --color-neutral-900: oklch(0.205 0 0);
+  --color-neutral-950: oklch(0.145 0 0);
+  --color-stone-50: oklch(0.985 0.001 106.423);
+  --color-stone-100: oklch(0.97 0.001 106.424);
+  --color-stone-200: oklch(0.923 0.003 48.717);
+  --color-stone-300: oklch(0.869 0.005 56.366);
+  --color-stone-400: oklch(0.709 0.01 56.259);
+  --color-stone-500: oklch(0.553 0.013 58.071);
+  --color-stone-600: oklch(0.444 0.011 73.639);
+  --color-stone-700: oklch(0.374 0.01 67.558);
+  --color-stone-800: oklch(0.268 0.007 34.298);
+  --color-stone-900: oklch(0.216 0.006 56.043);
+  --color-stone-950: oklch(0.147 0.004 49.25);
+  --color-mauve-50: oklch(0.985 0 0);
+  --color-mauve-100: oklch(0.96 0.003 325.6);
+  --color-mauve-200: oklch(0.922 0.005 325.62);
+  --color-mauve-300: oklch(0.865 0.012 325.68);
+  --color-mauve-400: oklch(0.711 0.019 323.02);
+  --color-mauve-500: oklch(0.542 0.034 322.5);
+  --color-mauve-600: oklch(0.435 0.029 321.78);
+  --color-mauve-700: oklch(0.364 0.029 323.89);
+  --color-mauve-800: oklch(0.263 0.024 320.12);
+  --color-mauve-900: oklch(0.212 0.019 322.12);
+  --color-mauve-950: oklch(0.145 0.008 326);
+  --color-olive-50: oklch(0.988 0.003 106.5);
+  --color-olive-100: oklch(0.966 0.005 106.5);
+  --color-olive-200: oklch(0.93 0.007 106.5);
+  --color-olive-300: oklch(0.88 0.011 106.6);
+  --color-olive-400: oklch(0.737 0.021 106.9);
+  --color-olive-500: oklch(0.58 0.031 107.3);
+  --color-olive-600: oklch(0.466 0.025 107.3);
+  --color-olive-700: oklch(0.394 0.023 107.4);
+  --color-olive-800: oklch(0.286 0.016 107.4);
+  --color-olive-900: oklch(0.228 0.013 107.4);
+  --color-olive-950: oklch(0.153 0.006 107.1);
+  --color-mist-50: oklch(0.987 0.002 197.1);
+  --color-mist-100: oklch(0.963 0.002 197.1);
+  --color-mist-200: oklch(0.925 0.005 214.3);
+  --color-mist-300: oklch(0.872 0.007 219.6);
+  --color-mist-400: oklch(0.723 0.014 214.4);
+  --color-mist-500: oklch(0.56 0.021 213.5);
+  --color-mist-600: oklch(0.45 0.017 213.2);
+  --color-mist-700: oklch(0.378 0.015 216);
+  --color-mist-800: oklch(0.275 0.011 216.9);
+  --color-mist-900: oklch(0.218 0.008 223.9);
+  --color-mist-950: oklch(0.148 0.004 228.8);
+  --color-taupe-50: oklch(0.986 0.002 67.8);
+  --color-taupe-100: oklch(0.96 0.002 17.2);
+  --color-taupe-200: oklch(0.922 0.005 34.3);
+  --color-taupe-300: oklch(0.868 0.007 39.5);
+  --color-taupe-400: oklch(0.714 0.014 41.2);
+  --color-taupe-500: oklch(0.547 0.021 43.1);
+  --color-taupe-600: oklch(0.438 0.017 39.3);
+  --color-taupe-700: oklch(0.367 0.016 35.7);
+  --color-taupe-800: oklch(0.268 0.011 36.5);
+  --color-taupe-900: oklch(0.214 0.009 43.1);
+  --color-taupe-950: oklch(0.147 0.004 49.3);
+  --color-black: oklch(0 0 0);
+  --color-white: oklch(1 0 0);
+}

package/dist/styles/dimensions.css

@@ -0,0 +1,14 @@
+:root {
+  --radius: 0.625rem;
+}
+
+@theme inline {
+  /* Borders */
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}

package/dist/styles/index.css

@@ -0,0 +1,29 @@
+@import "tailwindcss";
+
+@import "./base.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  body {
+    @apply bg-background text-foreground antialiased font-body;
+  }
+
+  button:not([disabled]),
+  [role="button"]:not([disabled]) {
+    @apply cursor-pointer;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @apply text-pretty;
+  }
+}

package/dist/styles/theme.css

@@ -0,0 +1,166 @@
+:root {
+  --brand: var(--color-forest-800);
+  --brand-foreground: var(--color-forest-100);
+
+  --background: var(--color-white);
+  --foreground: var(--color-neutral-950);
+  --muted: var(--color-neutral-100);
+  --muted-foreground: var(--color-neutral-500);
+  --accent: var(--color-neutral-100);
+  --accent-foreground: var(--color-neutral-900);
+
+  --primary: var(--color-forest-700);
+  --primary-foreground: var(--color-forest-50);
+  --secondary: var(--color-stone-100);
+  --secondary-foreground: var(--color-stone-900);
+
+  --info: var(--color-blue-500);
+  --info-foreground: var(--color-blue-100);
+  --success: var(--color-green-600);
+  --success-foreground: var(--color-green-100);
+  --warning: var(--color-orange-500);
+  --warning-foreground: var(--color-orange-100);
+  --danger: var(--color-red-600);
+  --danger-foreground: var(--color-red-100);
+
+  --card: var(--color-white);
+  --card-foreground: var(--color-neutral-950);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-neutral-950);
+
+  --chart-1: var(--color-blue-300);
+  --chart-2: var(--color-blue-500);
+  --chart-3: var(--color-blue-600);
+  --chart-4: var(--color-blue-700);
+  --chart-5: var(--color-blue-800);
+
+  --sidebar: var(--color-stone-50);
+  --sidebar-foreground: var(--color-neutral-950);
+  --sidebar-primary: var(--color-blue-600);
+  --sidebar-primary-foreground: var(--color-blue-50);
+  --sidebar-accent: var(--color-neutral-100);
+  --sidebar-accent-foreground: var(--color-neutral-900);
+  --sidebar-muted: var(--color-neutral-100);
+  --sidebar-muted-foreground: var(--color-neutral-500);
+  --sidebar-border: var(--color-neutral-200);
+  --sidebar-ring: var(--color-neutral-400);
+
+  --border: var(--color-neutral-200);
+  --input: var(--color-neutral-200);
+  --ring: var(--color-neutral-400);
+}
+
+.dark {
+  --brand: var(--color-forest-100);
+  --brand-foreground: var(--color-forest-800);
+
+  --background: var(--color-neutral-950);
+  --foreground: var(--color-neutral-50);
+  --muted: var(--color-neutral-800);
+  --muted-foreground: var(--color-neutral-400);
+  --accent: var(--color-neutral-700);
+  --accent-foreground: var(--color-neutral-50);
+
+  --primary: var(--color-blue-800);
+  --primary-foreground: var(--color-blue-50);
+  --secondary: var(--color-stone-800);
+  --secondary-foreground: var(--color-stone-50);
+
+  --info: var(--color-blue-500);
+  --info-foreground: var(--color-blue-100);
+  --success: var(--color-green-600);
+  --success-foreground: var(--color-green-50);
+  --warning: var(--color-orange-400);
+  --warning-foreground: var(--color-orange-100);
+  --danger: var(--color-red-400);
+  --danger-foreground: var(--color-red-100);
+
+  --card: var(--color-neutral-900);
+  --card-foreground: var(--color-neutral-50);
+  --popover: var(--color-neutral-900);
+  --popover-foreground: var(--color-neutral-50);
+
+  --chart-1: var(--color-blue-300);
+  --chart-2: var(--color-blue-500);
+  --chart-3: var(--color-blue-600);
+  --chart-4: var(--color-blue-700);
+  --chart-5: var(--color-blue-800);
+
+  --sidebar: var(--color-neutral-900);
+  --sidebar-foreground: var(--color-neutral-50);
+  --sidebar-primary: var(--color-blue-500);
+  --sidebar-primary-foreground: var(--color-blue-50);
+  --sidebar-accent: var(--color-neutral-800);
+  --sidebar-accent-foreground: var(--color-neutral-50);
+  --sidebar-muted: var(--color-neutral-800);
+  --sidebar-muted-foreground: var(--color-neutral-400);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: var(--color-neutral-500);
+
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: var(--color-neutral-500);
+}
+
+@theme {
+  /* Brand */
+  --color-brand: var(--brand);
+  --color-brand-foreground: var(--brand-foreground);
+
+  /* Base */
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  /* Actions */
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  /* Alerts */
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-danger: var(--danger);
+  --color-danger-foreground: var(--danger-foreground);
+  /* @deprecated */
+  --color-destructive: var(--danger);
+  --color-destructive-foreground: var(--danger-foreground);
+
+  /* Card */
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+
+  /* Chart */
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  /* Sidebar */
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-muted: var(--sidebar-muted);
+  --color-sidebar-muted-foreground: var(--sidebar-muted-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Other */
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-ring: var(--ring);
+}