@uplynk/lynk-design 1.18.1 → 1.19.0

package/dist/themes/high-contrast-light.styles.js

@@ -0,0 +1,1018 @@
+import { css } from "lit";
+
+export default css`
+  :root.lynk-theme-high-contrast-light,
+  .lynk-theme-high-contrast-light {
+    color-scheme: light;
+    --lynk-color-gray-25: oklch(98.5% 0.001 286.4);
+    --lynk-color-gray-50: oklch(96% 0.003 286.3);
+    --lynk-color-gray-100: oklch(91% 0.005 286.3);
+    --lynk-color-gray-200: oklch(83% 0.01 286.2);
+    --lynk-color-gray-300: oklch(72% 0.012 286.1);
+    --lynk-color-gray-400: oklch(60% 0.012 286);
+    --lynk-color-gray-500: oklch(48% 0.012 285.9);
+    --lynk-color-gray-600: oklch(40% 0.012 285.9);
+    --lynk-color-gray-650: oklch(36% 0.011 285.9);
+    --lynk-color-gray-700: oklch(31% 0.01 285.9);
+    --lynk-color-gray-800: oklch(23% 0.008 286);
+    --lynk-color-gray-900: oklch(16% 0.006 286);
+    --lynk-color-gray-950: oklch(10% 0.005 286);
+    --lynk-color-red-a10: color-mix(
+      in srgb,
+      var(--lynk-color-red-500) 10%,
+      transparent
+    );
+    --lynk-color-red-a25: color-mix(
+      in srgb,
+      var(--lynk-color-red-500) 25%,
+      transparent
+    );
+    --lynk-color-red-a50: color-mix(
+      in srgb,
+      var(--lynk-color-red-500) 50%,
+      transparent
+    );
+    --lynk-color-red-a75: color-mix(
+      in srgb,
+      var(--lynk-color-red-500) 75%,
+      transparent
+    );
+    --lynk-color-red-25: oklch(98.5% 0.007 17.3);
+    --lynk-color-red-50: oklch(97% 0.013 17.4);
+    --lynk-color-red-100: oklch(93% 0.031 17.7);
+    --lynk-color-red-200: oklch(86% 0.059 18.3);
+    --lynk-color-red-300: oklch(76% 0.103 19.6);
+    --lynk-color-red-400: oklch(66% 0.166 22.2);
+    --lynk-color-red-500: oklch(56% 0.208 25.3);
+    --lynk-color-red-600: oklch(49.3% 0.202 29.2);
+    --lynk-color-red-700: oklch(41.4% 0.17 29.2);
+    --lynk-color-red-800: oklch(34.3% 0.141 29.2);
+    --lynk-color-red-900: oklch(27.3% 0.112 29.2);
+    --lynk-color-red-950: oklch(18.3% 0.075 29.2);
+    --lynk-color-orange-a10: color-mix(
+      in srgb,
+      var(--lynk-color-orange-500) 10%,
+      transparent
+    );
+    --lynk-color-orange-a25: color-mix(
+      in srgb,
+      var(--lynk-color-orange-500) 25%,
+      transparent
+    );
+    --lynk-color-orange-a50: color-mix(
+      in srgb,
+      var(--lynk-color-orange-500) 50%,
+      transparent
+    );
+    --lynk-color-orange-a75: color-mix(
+      in srgb,
+      var(--lynk-color-orange-500) 75%,
+      transparent
+    );
+    --lynk-color-orange-25: oklch(98.5% 0.008 73.7);
+    --lynk-color-orange-50: oklch(97% 0.016 73.6);
+    --lynk-color-orange-100: oklch(93% 0.037 75.2);
+    --lynk-color-orange-200: oklch(86% 0.073 70.6);
+    --lynk-color-orange-300: oklch(76% 0.116 66.4);
+    --lynk-color-orange-400: oklch(66% 0.159 55.9);
+    --lynk-color-orange-500: oklch(56.2% 0.171 41.6);
+    --lynk-color-orange-600: oklch(48.2% 0.17 34.7);
+    --lynk-color-orange-700: oklch(40.2% 0.155 31.4);
+    --lynk-color-orange-800: oklch(33.2% 0.136 29.2);
+    --lynk-color-orange-900: oklch(26.5% 0.109 29.2);
+    --lynk-color-orange-950: oklch(17.6% 0.072 29.2);
+    --lynk-color-amber-a10: color-mix(
+      in srgb,
+      var(--lynk-color-amber-500) 10%,
+      transparent
+    );
+    --lynk-color-amber-a25: color-mix(
+      in srgb,
+      var(--lynk-color-amber-500) 25%,
+      transparent
+    );
+    --lynk-color-amber-a50: color-mix(
+      in srgb,
+      var(--lynk-color-amber-500) 50%,
+      transparent
+    );
+    --lynk-color-amber-a75: color-mix(
+      in srgb,
+      var(--lynk-color-amber-500) 75%,
+      transparent
+    );
+    --lynk-color-amber-25: oklch(98.5% 0.013 95.2);
+    --lynk-color-amber-50: oklch(97% 0.021 95.3);
+    --lynk-color-amber-100: oklch(93% 0.058 95.6);
+    --lynk-color-amber-200: oklch(86% 0.115 95.7);
+    --lynk-color-amber-300: oklch(76% 0.153 91.5);
+    --lynk-color-amber-400: oklch(66.2% 0.137 80.6);
+    --lynk-color-amber-500: oklch(56.2% 0.127 64.1);
+    --lynk-color-amber-600: oklch(48.2% 0.126 50.9);
+    --lynk-color-amber-700: oklch(40.2% 0.124 40.8);
+    --lynk-color-amber-800: oklch(33.2% 0.112 36.8);
+    --lynk-color-amber-900: oklch(26.2% 0.093 34.6);
+    --lynk-color-amber-950: oklch(17.1% 0.062 33.5);
+    --lynk-color-yellow-a10: color-mix(
+      in srgb,
+      var(--lynk-color-yellow-500) 10%,
+      transparent
+    );
+    --lynk-color-yellow-a25: color-mix(
+      in srgb,
+      var(--lynk-color-yellow-500) 25%,
+      transparent
+    );
+    --lynk-color-yellow-a50: color-mix(
+      in srgb,
+      var(--lynk-color-yellow-500) 50%,
+      transparent
+    );
+    --lynk-color-yellow-a75: color-mix(
+      in srgb,
+      var(--lynk-color-yellow-500) 75%,
+      transparent
+    );
+    --lynk-color-yellow-25: oklch(98.5% 0.013 102);
+    --lynk-color-yellow-50: oklch(97% 0.026 102.2);
+    --lynk-color-yellow-100: oklch(93% 0.07 103.2);
+    --lynk-color-yellow-200: oklch(86% 0.124 101.6);
+    --lynk-color-yellow-300: oklch(76.1% 0.157 97.2);
+    --lynk-color-yellow-400: oklch(66.2% 0.135 88.9);
+    --lynk-color-yellow-500: oklch(56.2% 0.116 81.7);
+    --lynk-color-yellow-600: oklch(48.2% 0.105 69.3);
+    --lynk-color-yellow-700: oklch(40.2% 0.096 58);
+    --lynk-color-yellow-800: oklch(33.2% 0.086 51.7);
+    --lynk-color-yellow-900: oklch(26.2% 0.075 45.1);
+    --lynk-color-yellow-950: oklch(17.1% 0.042 54.8);
+    --lynk-color-lime-a10: color-mix(
+      in srgb,
+      var(--lynk-color-lime-500) 10%,
+      transparent
+    );
+    --lynk-color-lime-a25: color-mix(
+      in srgb,
+      var(--lynk-color-lime-500) 25%,
+      transparent
+    );
+    --lynk-color-lime-a50: color-mix(
+      in srgb,
+      var(--lynk-color-lime-500) 50%,
+      transparent
+    );
+    --lynk-color-lime-a75: color-mix(
+      in srgb,
+      var(--lynk-color-lime-500) 75%,
+      transparent
+    );
+    --lynk-color-lime-25: oklch(98.5% 0.021 120.6);
+    --lynk-color-lime-50: oklch(97% 0.031 120.8);
+    --lynk-color-lime-100: oklch(93% 0.066 122.3);
+    --lynk-color-lime-200: oklch(86% 0.122 124.3);
+    --lynk-color-lime-300: oklch(76% 0.178 126.7);
+    --lynk-color-lime-400: oklch(66.2% 0.18 130.5);
+    --lynk-color-lime-500: oklch(56.2% 0.158 132.9);
+    --lynk-color-lime-600: oklch(48.2% 0.139 134.2);
+    --lynk-color-lime-700: oklch(40.2% 0.116 134.6);
+    --lynk-color-lime-800: oklch(33.2% 0.095 134.2);
+    --lynk-color-lime-900: oklch(26.2% 0.077 135.3);
+    --lynk-color-lime-950: oklch(17.2% 0.051 135.9);
+    --lynk-color-green-a10: color-mix(
+      in srgb,
+      var(--lynk-color-green-500) 10%,
+      transparent
+    );
+    --lynk-color-green-a25: color-mix(
+      in srgb,
+      var(--lynk-color-green-500) 25%,
+      transparent
+    );
+    --lynk-color-green-a50: color-mix(
+      in srgb,
+      var(--lynk-color-green-500) 50%,
+      transparent
+    );
+    --lynk-color-green-a75: color-mix(
+      in srgb,
+      var(--lynk-color-green-500) 75%,
+      transparent
+    );
+    --lynk-color-green-25: oklch(98.5% 0.009 156);
+    --lynk-color-green-50: oklch(97% 0.018 155.9);
+    --lynk-color-green-100: oklch(93% 0.044 156.7);
+    --lynk-color-green-200: oklch(86% 0.08 156);
+    --lynk-color-green-300: oklch(76% 0.136 154.4);
+    --lynk-color-green-400: oklch(66.2% 0.179 150.9);
+    --lynk-color-green-500: oklch(56.9% 0.174 146);
+    --lynk-color-green-600: oklch(48.9% 0.153 145.2);
+    --lynk-color-green-700: oklch(40.8% 0.125 145.8);
+    --lynk-color-green-800: oklch(33.6% 0.099 147.3);
+    --lynk-color-green-900: oklch(26.7% 0.079 147.1);
+    --lynk-color-green-950: oklch(17.5% 0.051 147.8);
+    --lynk-color-emerald-a10: color-mix(
+      in srgb,
+      var(--lynk-color-emerald-500) 10%,
+      transparent
+    );
+    --lynk-color-emerald-a25: color-mix(
+      in srgb,
+      var(--lynk-color-emerald-500) 25%,
+      transparent
+    );
+    --lynk-color-emerald-a50: color-mix(
+      in srgb,
+      var(--lynk-color-emerald-500) 50%,
+      transparent
+    );
+    --lynk-color-emerald-a75: color-mix(
+      in srgb,
+      var(--lynk-color-emerald-500) 75%,
+      transparent
+    );
+    --lynk-color-emerald-25: oklch(98.5% 0.013 166.4);
+    --lynk-color-emerald-50: oklch(97% 0.021 166.1);
+    --lynk-color-emerald-100: oklch(93% 0.051 163.1);
+    --lynk-color-emerald-200: oklch(86% 0.089 164.2);
+    --lynk-color-emerald-300: oklch(76% 0.13 165);
+    --lynk-color-emerald-400: oklch(66.4% 0.146 161.7);
+    --lynk-color-emerald-500: oklch(56.9% 0.131 158.9);
+    --lynk-color-emerald-600: oklch(48.9% 0.112 159.2);
+    --lynk-color-emerald-700: oklch(40.8% 0.09 161.3);
+    --lynk-color-emerald-800: oklch(33.7% 0.074 162.4);
+    --lynk-color-emerald-900: oklch(26.8% 0.058 163.1);
+    --lynk-color-emerald-950: oklch(17.6% 0.037 164.2);
+    --lynk-color-teal-a10: color-mix(
+      in srgb,
+      var(--lynk-color-teal-500) 10%,
+      transparent
+    );
+    --lynk-color-teal-a25: color-mix(
+      in srgb,
+      var(--lynk-color-teal-500) 25%,
+      transparent
+    );
+    --lynk-color-teal-a50: color-mix(
+      in srgb,
+      var(--lynk-color-teal-500) 50%,
+      transparent
+    );
+    --lynk-color-teal-a75: color-mix(
+      in srgb,
+      var(--lynk-color-teal-500) 75%,
+      transparent
+    );
+    --lynk-color-teal-25: oklch(98.5% 0.007 181);
+    --lynk-color-teal-50: oklch(97% 0.014 180.8);
+    --lynk-color-teal-100: oklch(93% 0.05 180.8);
+    --lynk-color-teal-200: oklch(86% 0.093 180.4);
+    --lynk-color-teal-300: oklch(76% 0.125 181.1);
+    --lynk-color-teal-400: oklch(66.6% 0.12 181);
+    --lynk-color-teal-500: oklch(56.9% 0.103 180.9);
+    --lynk-color-teal-600: oklch(48.9% 0.087 183.4);
+    --lynk-color-teal-700: oklch(40.7% 0.072 185.2);
+    --lynk-color-teal-800: oklch(33.6% 0.059 187.5);
+    --lynk-color-teal-900: oklch(26.6% 0.046 187.5);
+    --lynk-color-teal-950: oklch(17.4% 0.03 189.2);
+    --lynk-color-cyan-a10: color-mix(
+      in srgb,
+      var(--lynk-color-cyan-500) 10%,
+      transparent
+    );
+    --lynk-color-cyan-a25: color-mix(
+      in srgb,
+      var(--lynk-color-cyan-500) 25%,
+      transparent
+    );
+    --lynk-color-cyan-a50: color-mix(
+      in srgb,
+      var(--lynk-color-cyan-500) 50%,
+      transparent
+    );
+    --lynk-color-cyan-a75: color-mix(
+      in srgb,
+      var(--lynk-color-cyan-500) 75%,
+      transparent
+    );
+    --lynk-color-cyan-25: oklch(98.5% 0.011 201);
+    --lynk-color-cyan-50: oklch(97% 0.019 200.9);
+    --lynk-color-cyan-100: oklch(93% 0.044 203.4);
+    --lynk-color-cyan-200: oklch(86% 0.077 205);
+    --lynk-color-cyan-300: oklch(76% 0.115 207.1);
+    --lynk-color-cyan-400: oklch(66.9% 0.118 214.1);
+    --lynk-color-cyan-500: oklch(56.9% 0.103 218.9);
+    --lynk-color-cyan-600: oklch(48.9% 0.094 226.8);
+    --lynk-color-cyan-700: oklch(40.8% 0.08 228.8);
+    --lynk-color-cyan-800: oklch(33.6% 0.067 229.9);
+    --lynk-color-cyan-900: oklch(26.6% 0.056 234.8);
+    --lynk-color-cyan-950: oklch(17.6% 0.038 237.3);
+    --lynk-color-sky-a10: color-mix(
+      in srgb,
+      var(--lynk-color-sky-500) 10%,
+      transparent
+    );
+    --lynk-color-sky-a25: color-mix(
+      in srgb,
+      var(--lynk-color-sky-500) 25%,
+      transparent
+    );
+    --lynk-color-sky-a50: color-mix(
+      in srgb,
+      var(--lynk-color-sky-500) 50%,
+      transparent
+    );
+    --lynk-color-sky-a75: color-mix(
+      in srgb,
+      var(--lynk-color-sky-500) 75%,
+      transparent
+    );
+    --lynk-color-sky-25: oklch(98.5% 0.006 236.5);
+    --lynk-color-sky-50: oklch(97% 0.012 236.6);
+    --lynk-color-sky-100: oklch(93% 0.025 236.8);
+    --lynk-color-sky-200: oklch(86% 0.055 230.9);
+    --lynk-color-sky-300: oklch(76% 0.101 230.4);
+    --lynk-color-sky-400: oklch(66.1% 0.137 233.2);
+    --lynk-color-sky-500: oklch(56.8% 0.136 242.4);
+    --lynk-color-sky-600: oklch(48.8% 0.129 247.2);
+    --lynk-color-sky-700: oklch(40.7% 0.111 248.4);
+    --lynk-color-sky-800: oklch(33.7% 0.091 248);
+    --lynk-color-sky-900: oklch(26.7% 0.075 249.6);
+    --lynk-color-sky-950: oklch(17.6% 0.051 250.8);
+    --lynk-color-blue-a10: color-mix(
+      in srgb,
+      var(--lynk-color-blue-500) 10%,
+      transparent
+    );
+    --lynk-color-blue-a25: color-mix(
+      in srgb,
+      var(--lynk-color-blue-500) 25%,
+      transparent
+    );
+    --lynk-color-blue-a50: color-mix(
+      in srgb,
+      var(--lynk-color-blue-500) 50%,
+      transparent
+    );
+    --lynk-color-blue-a75: color-mix(
+      in srgb,
+      var(--lynk-color-blue-500) 75%,
+      transparent
+    );
+    --lynk-color-blue-25: oklch(98.5% 0.007 254.6);
+    --lynk-color-blue-50: oklch(97% 0.014 254.7);
+    --lynk-color-blue-100: oklch(93% 0.032 255.6);
+    --lynk-color-blue-200: oklch(86% 0.057 254.1);
+    --lynk-color-blue-300: oklch(76% 0.096 251.8);
+    --lynk-color-blue-400: oklch(66% 0.144 254.6);
+    --lynk-color-blue-500: oklch(56% 0.188 259.8);
+    --lynk-color-blue-600: oklch(48% 0.215 262.9);
+    --lynk-color-blue-700: oklch(40% 0.217 264.4);
+    --lynk-color-blue-800: oklch(33% 0.181 265.6);
+    --lynk-color-blue-900: oklch(26% 0.138 265.5);
+    --lynk-color-blue-950: oklch(17% 0.076 268.3);
+    --lynk-color-indigo-a10: color-mix(
+      in srgb,
+      var(--lynk-color-indigo-500) 10%,
+      transparent
+    );
+    --lynk-color-indigo-a25: color-mix(
+      in srgb,
+      var(--lynk-color-indigo-500) 25%,
+      transparent
+    );
+    --lynk-color-indigo-a50: color-mix(
+      in srgb,
+      var(--lynk-color-indigo-500) 50%,
+      transparent
+    );
+    --lynk-color-indigo-a75: color-mix(
+      in srgb,
+      var(--lynk-color-indigo-500) 75%,
+      transparent
+    );
+    --lynk-color-indigo-25: oklch(98.5% 0.007 268.7);
+    --lynk-color-indigo-50: oklch(96.9% 0.014 269.1);
+    --lynk-color-indigo-100: oklch(93% 0.033 272.8);
+    --lynk-color-indigo-200: oklch(86% 0.062 274);
+    --lynk-color-indigo-300: oklch(76% 0.104 274.8);
+    --lynk-color-indigo-400: oklch(66% 0.159 277);
+    --lynk-color-indigo-500: oklch(56% 0.204 277.1);
+    --lynk-color-indigo-600: oklch(48% 0.23 276.9);
+    --lynk-color-indigo-700: oklch(40% 0.214 277);
+    --lynk-color-indigo-800: oklch(33% 0.177 277.4);
+    --lynk-color-indigo-900: oklch(26% 0.135 278.7);
+    --lynk-color-indigo-950: oklch(17% 0.09 281.6);
+    --lynk-color-violet-a10: color-mix(
+      in srgb,
+      var(--lynk-color-violet-500) 10%,
+      transparent
+    );
+    --lynk-color-violet-a25: color-mix(
+      in srgb,
+      var(--lynk-color-violet-500) 25%,
+      transparent
+    );
+    --lynk-color-violet-a50: color-mix(
+      in srgb,
+      var(--lynk-color-violet-500) 50%,
+      transparent
+    );
+    --lynk-color-violet-a75: color-mix(
+      in srgb,
+      var(--lynk-color-violet-500) 75%,
+      transparent
+    );
+    --lynk-color-violet-25: oklch(98.5% 0.005 294);
+    --lynk-color-violet-50: oklch(97% 0.016 294.1);
+    --lynk-color-violet-100: oklch(93% 0.028 294.6);
+    --lynk-color-violet-200: oklch(86% 0.055 293.3);
+    --lynk-color-violet-300: oklch(76% 0.101 293.6);
+    --lynk-color-violet-400: oklch(66% 0.159 293.5);
+    --lynk-color-violet-500: oklch(56% 0.219 292.7);
+    --lynk-color-violet-600: oklch(48% 0.247 293);
+    --lynk-color-violet-700: oklch(41.2% 0.231 291.5);
+    --lynk-color-violet-800: oklch(34.4% 0.193 291.3);
+    --lynk-color-violet-900: oklch(27.4% 0.153 291.9);
+    --lynk-color-violet-950: oklch(18.3% 0.101 295);
+    --lynk-color-purple-a10: color-mix(
+      in srgb,
+      var(--lynk-color-purple-500) 10%,
+      transparent
+    );
+    --lynk-color-purple-a25: color-mix(
+      in srgb,
+      var(--lynk-color-purple-500) 25%,
+      transparent
+    );
+    --lynk-color-purple-a50: color-mix(
+      in srgb,
+      var(--lynk-color-purple-500) 50%,
+      transparent
+    );
+    --lynk-color-purple-a75: color-mix(
+      in srgb,
+      var(--lynk-color-purple-500) 75%,
+      transparent
+    );
+    --lynk-color-purple-25: oklch(98.5% 0.007 308.4);
+    --lynk-color-purple-50: oklch(97% 0.014 308.3);
+    --lynk-color-purple-100: oklch(93% 0.033 307.2);
+    --lynk-color-purple-200: oklch(86% 0.06 306.7);
+    --lynk-color-purple-300: oklch(76% 0.108 306.4);
+    --lynk-color-purple-400: oklch(66% 0.177 305.5);
+    --lynk-color-purple-500: oklch(56% 0.232 303.9);
+    --lynk-color-purple-600: oklch(48% 0.252 302.4);
+    --lynk-color-purple-700: oklch(41.3% 0.22 300.6);
+    --lynk-color-purple-800: oklch(34.3% 0.181 302.2);
+    --lynk-color-purple-900: oklch(27.3% 0.143 303.1);
+    --lynk-color-purple-950: oklch(17.3% 0.089 308.1);
+    --lynk-color-fuchsia-a10: color-mix(
+      in srgb,
+      var(--lynk-color-fuchsia-500) 10%,
+      transparent
+    );
+    --lynk-color-fuchsia-a25: color-mix(
+      in srgb,
+      var(--lynk-color-fuchsia-500) 25%,
+      transparent
+    );
+    --lynk-color-fuchsia-a50: color-mix(
+      in srgb,
+      var(--lynk-color-fuchsia-500) 50%,
+      transparent
+    );
+    --lynk-color-fuchsia-a75: color-mix(
+      in srgb,
+      var(--lynk-color-fuchsia-500) 75%,
+      transparent
+    );
+    --lynk-color-fuchsia-25: oklch(98.5% 0.005 320.1);
+    --lynk-color-fuchsia-50: oklch(97% 0.018 320.1);
+    --lynk-color-fuchsia-100: oklch(93% 0.036 318.9);
+    --lynk-color-fuchsia-200: oklch(86% 0.073 319.6);
+    --lynk-color-fuchsia-300: oklch(76% 0.132 321.4);
+    --lynk-color-fuchsia-400: oklch(66% 0.207 322.1);
+    --lynk-color-fuchsia-500: oklch(56% 0.259 322.2);
+    --lynk-color-fuchsia-600: oklch(49.2% 0.233 322.4);
+    --lynk-color-fuchsia-700: oklch(41.2% 0.194 323.4);
+    --lynk-color-fuchsia-800: oklch(34.2% 0.161 324);
+    --lynk-color-fuchsia-900: oklch(27.2% 0.127 324.9);
+    --lynk-color-fuchsia-950: oklch(17.5% 0.082 325.4);
+    --lynk-color-pink-a10: color-mix(
+      in srgb,
+      var(--lynk-color-pink-500) 10%,
+      transparent
+    );
+    --lynk-color-pink-a25: color-mix(
+      in srgb,
+      var(--lynk-color-pink-500) 25%,
+      transparent
+    );
+    --lynk-color-pink-a50: color-mix(
+      in srgb,
+      var(--lynk-color-pink-500) 50%,
+      transparent
+    );
+    --lynk-color-pink-a75: color-mix(
+      in srgb,
+      var(--lynk-color-pink-500) 75%,
+      transparent
+    );
+    --lynk-color-pink-25: oklch(98.2% 0.013 335);
+    --lynk-color-pink-50: oklch(96.3% 0.026 335.7);
+    --lynk-color-pink-100: oklch(91.8% 0.057 340.6);
+    --lynk-color-pink-200: oklch(84.7% 0.106 344.9);
+    --lynk-color-pink-300: oklch(75.5% 0.178 349.2);
+    --lynk-color-pink-400: oklch(66% 0.222 350.6);
+    --lynk-color-pink-500: oklch(57.1% 0.237 351.7);
+    --lynk-color-pink-600: oklch(49.1% 0.204 351.8);
+    --lynk-color-pink-700: oklch(41.1% 0.17 352.2);
+    --lynk-color-pink-800: oklch(33.6% 0.14 351.6);
+    --lynk-color-pink-900: oklch(26.1% 0.109 351.3);
+    --lynk-color-pink-950: oklch(17.2% 0.072 350.8);
+    --lynk-color-rose-a10: color-mix(
+      in srgb,
+      var(--lynk-color-rose-500) 10%,
+      transparent
+    );
+    --lynk-color-rose-a25: color-mix(
+      in srgb,
+      var(--lynk-color-rose-500) 25%,
+      transparent
+    );
+    --lynk-color-rose-a50: color-mix(
+      in srgb,
+      var(--lynk-color-rose-500) 50%,
+      transparent
+    );
+    --lynk-color-rose-a75: color-mix(
+      in srgb,
+      var(--lynk-color-rose-500) 75%,
+      transparent
+    );
+    --lynk-color-rose-25: oklch(98.5% 0.006 12.2);
+    --lynk-color-rose-50: oklch(97% 0.015 12.4);
+    --lynk-color-rose-100: oklch(93% 0.03 12.6);
+    --lynk-color-rose-200: oklch(86% 0.056 10.1);
+    --lynk-color-rose-300: oklch(76% 0.106 11.6);
+    --lynk-color-rose-400: oklch(66% 0.169 13.4);
+    --lynk-color-rose-500: oklch(56% 0.215 16.4);
+    --lynk-color-rose-600: oklch(49.2% 0.198 20);
+    --lynk-color-rose-700: oklch(41.2% 0.165 19.8);
+    --lynk-color-rose-800: oklch(34.2% 0.137 17.1);
+    --lynk-color-rose-900: oklch(27.2% 0.109 14.2);
+    --lynk-color-rose-950: oklch(18.1% 0.073 12.6);
+    --lynk-color-primary-a10: var(--lynk-color-pink-a10);
+    --lynk-color-primary-a25: var(--lynk-color-pink-a25);
+    --lynk-color-primary-a50: var(--lynk-color-pink-a50);
+    --lynk-color-primary-a75: var(--lynk-color-pink-a75);
+    --lynk-color-primary-25: var(--lynk-color-pink-25);
+    --lynk-color-primary-50: var(--lynk-color-pink-50);
+    --lynk-color-primary-100: var(--lynk-color-pink-100);
+    --lynk-color-primary-200: var(--lynk-color-pink-200);
+    --lynk-color-primary-300: var(--lynk-color-pink-300);
+    --lynk-color-primary-400: var(--lynk-color-pink-400);
+    --lynk-color-primary-500: var(--lynk-color-pink-500);
+    --lynk-color-primary-600: var(--lynk-color-pink-600);
+    --lynk-color-primary-700: var(--lynk-color-pink-700);
+    --lynk-color-primary-800: var(--lynk-color-pink-800);
+    --lynk-color-primary-900: var(--lynk-color-pink-900);
+    --lynk-color-primary-950: var(--lynk-color-pink-950);
+    --lynk-color-primary: var(--lynk-color-primary-500);
+    --lynk-color-accent-a10: var(--lynk-color-purple-a10);
+    --lynk-color-accent-a25: var(--lynk-color-purple-a25);
+    --lynk-color-accent-a50: var(--lynk-color-purple-a50);
+    --lynk-color-accent-a75: var(--lynk-color-purple-a75);
+    --lynk-color-accent-25: var(--lynk-color-purple-25);
+    --lynk-color-accent-50: var(--lynk-color-purple-50);
+    --lynk-color-accent-100: var(--lynk-color-purple-100);
+    --lynk-color-accent-200: var(--lynk-color-purple-200);
+    --lynk-color-accent-300: var(--lynk-color-purple-300);
+    --lynk-color-accent-400: var(--lynk-color-purple-400);
+    --lynk-color-accent-500: var(--lynk-color-purple-500);
+    --lynk-color-accent-600: var(--lynk-color-purple-600);
+    --lynk-color-accent-700: var(--lynk-color-purple-700);
+    --lynk-color-accent-800: var(--lynk-color-purple-800);
+    --lynk-color-accent-900: var(--lynk-color-purple-900);
+    --lynk-color-accent-950: var(--lynk-color-purple-950);
+    --lynk-color-accent: var(--lynk-color-accent-500);
+    --lynk-color-success-a10: var(--lynk-color-green-a10);
+    --lynk-color-success-a25: var(--lynk-color-green-a25);
+    --lynk-color-success-a50: var(--lynk-color-green-a50);
+    --lynk-color-success-a75: var(--lynk-color-green-a75);
+    --lynk-color-success-25: var(--lynk-color-green-25);
+    --lynk-color-success-50: var(--lynk-color-green-50);
+    --lynk-color-success-100: var(--lynk-color-green-100);
+    --lynk-color-success-200: var(--lynk-color-green-200);
+    --lynk-color-success-300: var(--lynk-color-green-300);
+    --lynk-color-success-400: var(--lynk-color-green-400);
+    --lynk-color-success-500: var(--lynk-color-green-500);
+    --lynk-color-success-600: var(--lynk-color-green-600);
+    --lynk-color-success-700: var(--lynk-color-green-700);
+    --lynk-color-success-800: var(--lynk-color-green-800);
+    --lynk-color-success-900: var(--lynk-color-green-900);
+    --lynk-color-success-950: var(--lynk-color-green-950);
+    --lynk-color-success: var(--lynk-color-success-500);
+    --lynk-color-warning-a10: var(--lynk-color-amber-a10);
+    --lynk-color-warning-a25: var(--lynk-color-amber-a25);
+    --lynk-color-warning-a50: var(--lynk-color-amber-a50);
+    --lynk-color-warning-a75: var(--lynk-color-amber-a75);
+    --lynk-color-warning-25: var(--lynk-color-amber-25);
+    --lynk-color-warning-50: var(--lynk-color-amber-50);
+    --lynk-color-warning-100: var(--lynk-color-amber-100);
+    --lynk-color-warning-200: var(--lynk-color-amber-200);
+    --lynk-color-warning-300: var(--lynk-color-amber-300);
+    --lynk-color-warning-400: var(--lynk-color-amber-400);
+    --lynk-color-warning-500: var(--lynk-color-amber-500);
+    --lynk-color-warning-600: var(--lynk-color-amber-600);
+    --lynk-color-warning-700: var(--lynk-color-amber-700);
+    --lynk-color-warning-800: var(--lynk-color-amber-800);
+    --lynk-color-warning-900: var(--lynk-color-amber-900);
+    --lynk-color-warning-950: var(--lynk-color-amber-950);
+    --lynk-color-warning: var(--lynk-color-warning-500);
+    --lynk-color-danger-a10: var(--lynk-color-red-a10);
+    --lynk-color-danger-a25: var(--lynk-color-red-a25);
+    --lynk-color-danger-a50: var(--lynk-color-red-a50);
+    --lynk-color-danger-a75: var(--lynk-color-red-a75);
+    --lynk-color-danger-25: var(--lynk-color-red-25);
+    --lynk-color-danger-50: var(--lynk-color-red-50);
+    --lynk-color-danger-100: var(--lynk-color-red-100);
+    --lynk-color-danger-200: var(--lynk-color-red-200);
+    --lynk-color-danger-300: var(--lynk-color-red-300);
+    --lynk-color-danger-400: var(--lynk-color-red-400);
+    --lynk-color-danger-500: var(--lynk-color-red-500);
+    --lynk-color-danger-600: var(--lynk-color-red-600);
+    --lynk-color-danger-700: var(--lynk-color-red-700);
+    --lynk-color-danger-800: var(--lynk-color-red-800);
+    --lynk-color-danger-900: var(--lynk-color-red-900);
+    --lynk-color-danger-950: var(--lynk-color-red-950);
+    --lynk-color-danger: var(--lynk-color-danger-500);
+    --lynk-color-info-a10: var(--lynk-color-sky-a10);
+    --lynk-color-info-a25: var(--lynk-color-sky-a25);
+    --lynk-color-info-a50: var(--lynk-color-sky-a50);
+    --lynk-color-info-a75: var(--lynk-color-sky-a75);
+    --lynk-color-info-25: var(--lynk-color-sky-25);
+    --lynk-color-info-50: var(--lynk-color-sky-50);
+    --lynk-color-info-100: var(--lynk-color-sky-100);
+    --lynk-color-info-200: var(--lynk-color-sky-200);
+    --lynk-color-info-300: var(--lynk-color-sky-300);
+    --lynk-color-info-400: var(--lynk-color-sky-400);
+    --lynk-color-info-500: var(--lynk-color-sky-500);
+    --lynk-color-info-600: var(--lynk-color-sky-600);
+    --lynk-color-info-700: var(--lynk-color-sky-700);
+    --lynk-color-info-800: var(--lynk-color-sky-800);
+    --lynk-color-info-900: var(--lynk-color-sky-900);
+    --lynk-color-info-950: var(--lynk-color-sky-950);
+    --lynk-color-info: var(--lynk-color-info-500);
+    --lynk-color-neutral-25: var(--lynk-color-gray-25);
+    --lynk-color-neutral-50: var(--lynk-color-gray-50);
+    --lynk-color-neutral-100: var(--lynk-color-gray-100);
+    --lynk-color-neutral-200: var(--lynk-color-gray-200);
+    --lynk-color-neutral-300: var(--lynk-color-gray-300);
+    --lynk-color-neutral-400: var(--lynk-color-gray-400);
+    --lynk-color-neutral-500: var(--lynk-color-gray-500);
+    --lynk-color-neutral-600: var(--lynk-color-gray-600);
+    --lynk-color-neutral-650: var(--lynk-color-gray-650);
+    --lynk-color-neutral-700: var(--lynk-color-gray-700);
+    --lynk-color-neutral-800: var(--lynk-color-gray-800);
+    --lynk-color-neutral-900: var(--lynk-color-gray-900);
+    --lynk-color-neutral-950: var(--lynk-color-gray-950);
+    --lynk-color-neutral: var(--lynk-color-neutral-500);
+    --lynk-color-text: var(--lynk-color-neutral-900);
+    --lynk-color-text-quiet: var(--lynk-color-neutral-800);
+    --lynk-color-text-quieter: var(--lynk-color-neutral-700);
+    --lynk-color-text-quietest: var(--lynk-color-neutral-650);
+    --lynk-color-text-on-loud: var(--lynk-color-neutral-0);
+    --lynk-color-black: oklch(17.9% 0.004 286.1);
+    --lynk-color-black-a10: oklch(17.9% 0.004 286.1 / 0.1);
+    --lynk-color-black-a25: oklch(17.9% 0.004 286.1 / 0.25);
+    --lynk-color-black-a50: oklch(17.9% 0.004 286.1 / 0.5);
+    --lynk-color-black-a75: oklch(17.9% 0.004 286.1 / 0.75);
+    --lynk-color-white: oklch(100% 0 0);
+    --lynk-color-white-a10: oklch(100% 0 0 / 0.1);
+    --lynk-color-white-a25: oklch(100% 0 0 / 0.25);
+    --lynk-color-white-a50: oklch(100% 0 0 / 0.5);
+    --lynk-color-white-a75: oklch(100% 0 0 / 0.75);
+    --lynk-focus-ring: var(--lynk-focus-ring-style) var(--lynk-focus-ring-width)
+      var(--lynk-focus-ring-color);
+    --lynk-input-background-color: var(--lynk-color-neutral-0);
+    --lynk-input-background-color-hover: var(--lynk-input-background-color);
+    --lynk-input-background-color-focus: var(--lynk-input-background-color);
+    --lynk-input-background-color-disabled: var(--lynk-color-neutral-100);
+    --lynk-input-border-color: var(--lynk-color-neutral-300);
+    --lynk-input-border-color-hover: var(--lynk-color-neutral-400);
+    --lynk-input-border-color-focus: var(--lynk-color-primary-500);
+    --lynk-input-border-color-disabled: var(--lynk-color-neutral-300);
+    --lynk-input-icon-color: var(--lynk-color-neutral-500);
+    --lynk-input-icon-color-hover: var(--lynk-color-neutral-600);
+    --lynk-input-icon-color-focus: var(--lynk-color-neutral-600);
+    --lynk-input-placeholder-color-disabled: var(--lynk-color-neutral-600);
+    --lynk-input-filled-background-color: var(--lynk-color-neutral-100);
+    --lynk-input-filled-background-color-hover: var(--lynk-color-neutral-100);
+    --lynk-input-filled-background-color-focus: var(--lynk-color-neutral-100);
+    --lynk-input-filled-background-color-disabled: var(
+      --lynk-color-neutral-100
+    );
+    --lynk-input-filled-color: var(--lynk-color-neutral-800);
+    --lynk-input-filled-color-hover: var(--lynk-color-neutral-800);
+    --lynk-input-filled-color-focus: var(--lynk-color-neutral-700);
+    --lynk-input-filled-color-disabled: var(--lynk-color-neutral-800);
+    --lynk-input-focus-ring-color: var(--lynk-color-primary-a50);
+    --lynk-input-help-text-color: var(--lynk-color-neutral-600);
+    --lynk-nav-item-color: var(--lynk-color-neutral-900);
+    --lynk-panel-background-color: var(--lynk-color-neutral-50);
+    --lynk-panel-border-color: var(--lynk-color-neutral-300);
+    --lynk-alert-background-color: var(--lynk-color-neutral-25);
+    --lynk-alert-border-color: var(--lynk-color-neutral-300);
+    --lynk-alert-border-width: 4px;
+    --lynk-alert-text-color: var(--lynk-color-neutral-950);
+    --lynk-alert-countdown-track-color: var(--lynk-color-neutral-300);
+    --lynk-divider-color: var(--lynk-color-neutral-300);
+    --lynk-table-header-color: var(--lynk-color-neutral-600);
+    --lynk-tooltip-color: var(--lynk-color-neutral-0);
+    --lynk-color-primary-fill-quiet: var(--lynk-color-primary-100);
+    --lynk-color-primary-fill-normal: var(--lynk-color-primary-200);
+    --lynk-color-primary-fill-loud: var(--lynk-color-primary-500);
+    --lynk-color-primary-border-quiet: var(--lynk-color-primary-300);
+    --lynk-color-primary-border-normal: var(--lynk-color-primary-500);
+    --lynk-color-primary-border-loud: var(--lynk-color-primary-700);
+    --lynk-color-primary-on-quiet: var(--lynk-color-primary-800);
+    --lynk-color-primary-on-normal: var(--lynk-color-primary-900);
+    --lynk-color-primary-on-loud: var(--lynk-color-white);
+    --lynk-color-accent-fill-quiet: var(--lynk-color-accent-100);
+    --lynk-color-accent-fill-normal: var(--lynk-color-accent-200);
+    --lynk-color-accent-fill-loud: var(--lynk-color-accent-500);
+    --lynk-color-accent-border-quiet: var(--lynk-color-accent-300);
+    --lynk-color-accent-border-normal: var(--lynk-color-accent-500);
+    --lynk-color-accent-border-loud: var(--lynk-color-accent-700);
+    --lynk-color-accent-on-quiet: var(--lynk-color-accent-800);
+    --lynk-color-accent-on-normal: var(--lynk-color-accent-900);
+    --lynk-color-accent-on-loud: var(--lynk-color-white);
+    --lynk-color-success-fill-quiet: var(--lynk-color-success-100);
+    --lynk-color-success-fill-normal: var(--lynk-color-success-200);
+    --lynk-color-success-fill-loud: var(--lynk-color-success-600);
+    --lynk-color-success-border-quiet: var(--lynk-color-success-300);
+    --lynk-color-success-border-normal: var(--lynk-color-success-500);
+    --lynk-color-success-border-loud: var(--lynk-color-success-700);
+    --lynk-color-success-on-quiet: var(--lynk-color-success-800);
+    --lynk-color-success-on-normal: var(--lynk-color-success-900);
+    --lynk-color-success-on-loud: var(--lynk-color-white);
+    --lynk-color-warning-fill-quiet: var(--lynk-color-warning-100);
+    --lynk-color-warning-fill-normal: var(--lynk-color-warning-200);
+    --lynk-color-warning-fill-loud: var(--lynk-color-warning-500);
+    --lynk-color-warning-border-quiet: var(--lynk-color-warning-300);
+    --lynk-color-warning-border-normal: var(--lynk-color-warning-500);
+    --lynk-color-warning-border-loud: var(--lynk-color-warning-700);
+    --lynk-color-warning-on-quiet: var(--lynk-color-warning-800);
+    --lynk-color-warning-on-normal: var(--lynk-color-warning-900);
+    --lynk-color-warning-on-loud: var(--lynk-color-white);
+    --lynk-color-danger-fill-quiet: var(--lynk-color-danger-100);
+    --lynk-color-danger-fill-normal: var(--lynk-color-danger-200);
+    --lynk-color-danger-fill-loud: var(--lynk-color-danger-500);
+    --lynk-color-danger-border-quiet: var(--lynk-color-danger-300);
+    --lynk-color-danger-border-normal: var(--lynk-color-danger-500);
+    --lynk-color-danger-border-loud: var(--lynk-color-danger-700);
+    --lynk-color-danger-on-quiet: var(--lynk-color-danger-800);
+    --lynk-color-danger-on-normal: var(--lynk-color-danger-900);
+    --lynk-color-danger-on-loud: var(--lynk-color-white);
+    --lynk-color-info-fill-quiet: var(--lynk-color-info-100);
+    --lynk-color-info-fill-normal: var(--lynk-color-info-200);
+    --lynk-color-info-fill-loud: var(--lynk-color-info-600);
+    --lynk-color-info-border-quiet: var(--lynk-color-info-300);
+    --lynk-color-info-border-normal: var(--lynk-color-info-500);
+    --lynk-color-info-border-loud: var(--lynk-color-info-700);
+    --lynk-color-info-on-quiet: var(--lynk-color-info-800);
+    --lynk-color-info-on-normal: var(--lynk-color-info-900);
+    --lynk-color-info-on-loud: var(--lynk-color-white);
+    --lynk-color-neutral-fill-quiet: var(--lynk-color-neutral-100);
+    --lynk-color-neutral-fill-normal: var(--lynk-color-neutral-200);
+    --lynk-color-neutral-fill-loud: var(--lynk-color-neutral-500);
+    --lynk-color-neutral-border-quiet: var(--lynk-color-neutral-300);
+    --lynk-color-neutral-border-normal: var(--lynk-color-neutral-500);
+    --lynk-color-neutral-border-loud: var(--lynk-color-neutral-700);
+    --lynk-color-neutral-on-quiet: var(--lynk-color-neutral-800);
+    --lynk-color-neutral-on-normal: var(--lynk-color-neutral-900);
+    --lynk-color-neutral-on-loud: var(--lynk-color-white);
+    --lynk-color-neutral-0: oklch(100% 0 0);
+    --lynk-color-neutral-1000: oklch(17.9% 0.003 286.1);
+    --lynk-color-gray-200-a05: oklch(83.6% 0.01 286.2 / 0.05);
+    --lynk-color-gray-200-a10: oklch(83.6% 0.01 286.2 / 0.1);
+    --lynk-color-gray-200-a15: oklch(83.6% 0.01 286.2 / 0.15);
+    --lynk-color-gray-200-a25: oklch(83.6% 0.01 286.2 / 0.25);
+    --lynk-color-gray-200-a50: oklch(83.6% 0.01 286.2 / 0.5);
+    --lynk-color-gray-200-a75: oklch(83.6% 0.01 286.2 / 0.75);
+    --lynk-color-gray-a05: oklch(58.4% 0.015 285.9 / 0.05);
+    --lynk-color-gray-a10: oklch(58.4% 0.015 285.9 / 0.1);
+    --lynk-color-gray-a15: oklch(58.4% 0.015 285.9 / 0.15);
+    --lynk-color-gray-a25: oklch(58.4% 0.015 285.9 / 0.25);
+    --lynk-color-gray-a50: oklch(58.4% 0.015 285.9 / 0.5);
+    --lynk-color-gray-a75: oklch(58.4% 0.015 285.9 / 0.75);
+    --lynk-color-mix-hover: white 10%;
+    --lynk-color-mix-active: white 20%;
+    --lynk-color-mix-loud-hover: white 60%;
+    --lynk-color-mix-loud-active: white 50%;
+    --lynk-shadow-x-small: 0 1px 2px oklch(55.2% 0 0 / 6%);
+    --lynk-shadow-small: 0 1px 2px oklch(55.2% 0 0 / 12%);
+    --lynk-shadow-medium: 0 2px 4px oklch(55.2% 0 0 / 12%);
+    --lynk-shadow-large: 0 2px 8px oklch(55.2% 0 0 / 12%);
+    --lynk-shadow-x-large: 0 4px 16px oklch(55.2% 0 0 / 12%);
+    --lynk-focus-ring-color: var(--lynk-color-primary-600);
+    --lynk-input-color: var(--lynk-color-neutral-700);
+    --lynk-input-color-hover: var(--lynk-color-neutral-700);
+    --lynk-input-color-focus: var(--lynk-color-neutral-700);
+    --lynk-input-color-disabled: var(--lynk-color-neutral-900);
+    --lynk-input-placeholder-color: var(--lynk-color-neutral-500);
+    --lynk-input-spacing-medium: var(--lynk-spacing-medium);
+    --lynk-input-spacing-large: var(--lynk-spacing-large);
+    --lynk-overlay-background-color: oklch(55.2% 0 0 / 33%);
+    --lynk-table-header-background-color: var(--lynk-color-white);
+    --lynk-table-border-color: var(--lynk-color-neutral-100);
+    --lynk-table-cell-background-color: var(--lynk-color-gray-a05);
+    --lynk-table-striped-cell-background-color: var(--lynk-color-gray-a15);
+    --lynk-tooltip-background-color: var(--lynk-color-neutral-800);
+    --lynk-border-radius-small: 0.1875rem;
+    --lynk-border-radius-medium: 0.25rem;
+    --lynk-border-radius-large: 0.5rem;
+    --lynk-border-radius-x-large: 1rem;
+    --lynk-border-radius-circle: 50%;
+    --lynk-border-radius-pill: 9999px;
+    --lynk-spacing-tiny: 0.125rem;
+    --lynk-spacing-2x-small: 0.25rem;
+    --lynk-spacing-x-small: 0.5rem;
+    --lynk-spacing-small: 0.75rem;
+    --lynk-spacing-base: 1rem;
+    --lynk-spacing-medium: 1.25rem;
+    --lynk-spacing-large: 1.5rem;
+    --lynk-spacing-x-large: 1.75rem;
+    --lynk-spacing-2x-large: 2.25rem;
+    --lynk-spacing-3x-large: 3rem;
+    --lynk-spacing-4x-large: 4.5rem;
+    --lynk-spacing-huge: 6rem;
+    --lynk-transition-x-slow: 1s;
+    --lynk-transition-slow: 0.5s;
+    --lynk-transition-medium: 0.25s;
+    --lynk-transition-fast: 0.15s;
+    --lynk-transition-x-fast: 50ms;
+    --lynk-font-mono:
+      SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+    --lynk-font-sans:
+      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
+      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    --lynk-font-serif: Georgia, "Times New Roman", serif;
+    --lynk-font-size-x-small: 0.625rem;
+    --lynk-font-size-small: 0.75rem;
+    --lynk-font-size-medium: 0.875rem;
+    --lynk-font-size-base: 1rem;
+    --lynk-font-size-large: 1.25rem;
+    --lynk-font-size-x-large: 1.5rem;
+    --lynk-font-size-2x-large: 2.25rem;
+    --lynk-font-size-3x-large: 3rem;
+    --lynk-font-size-4x-large: 4.5rem;
+    --lynk-font-weight-light: 300;
+    --lynk-font-weight-normal: 400;
+    --lynk-font-weight-semibold: 500;
+    --lynk-font-weight-bold: 700;
+    --lynk-letter-spacing-denser: -0.03em;
+    --lynk-letter-spacing-dense: -0.015em;
+    --lynk-letter-spacing-normal: normal;
+    --lynk-letter-spacing-loose: 0.075em;
+    --lynk-letter-spacing-looser: 0.15em;
+    --lynk-line-height-denser: 1;
+    --lynk-line-height-dense: 1.25;
+    --lynk-line-height-normal: 1.5;
+    --lynk-line-height-loose: 1.75;
+    --lynk-line-height-looser: 2;
+    --lynk-focus-ring-style: solid;
+    --lynk-focus-ring-width: 3px;
+    --lynk-focus-ring-offset: 1px;
+    --lynk-button-border-width: 1px;
+    --lynk-button-border-radius-small: var(--lynk-border-radius-large);
+    --lynk-button-border-radius-medium: var(--lynk-border-radius-large);
+    --lynk-button-border-radius-large: var(--lynk-border-radius-large);
+    --lynk-button-font-family: var(--lynk-font-sans);
+    --lynk-button-font-size-small: var(--lynk-font-size-small);
+    --lynk-button-font-size-medium: var(--lynk-font-size-medium);
+    --lynk-button-font-size-large: var(--lynk-font-size-base);
+    --lynk-button-height-tiny: 1.5rem;
+    --lynk-button-height-small: 1.875rem;
+    --lynk-button-height-medium: 2.5rem;
+    --lynk-button-height-large: 3.125rem;
+    --lynk-input-height-small: 1.875rem;
+    --lynk-input-height-medium: 2.5rem;
+    --lynk-input-height-large: 3.125rem;
+    --lynk-input-border-width: 1px;
+    --lynk-input-required-content: "*";
+    --lynk-input-required-content-offset: -2px;
+    --lynk-input-required-content-color: var(--lynk-input-label-color);
+    --lynk-input-border-radius-small: var(--lynk-border-radius-large);
+    --lynk-input-border-radius-medium: var(--lynk-border-radius-large);
+    --lynk-input-border-radius-large: var(--lynk-border-radius-large);
+    --lynk-input-font-family: var(--lynk-font-sans);
+    --lynk-input-font-weight: var(--lynk-font-weight-normal);
+    --lynk-input-font-size-small: var(--lynk-font-size-medium);
+    --lynk-input-font-size-medium: var(--lynk-font-size-base);
+    --lynk-input-font-size-large: var(--lynk-font-size-large);
+    --lynk-input-letter-spacing: var(--lynk-letter-spacing-normal);
+    --lynk-input-spacing-small: var(--lynk-spacing-small);
+    --lynk-input-focus-ring-offset: 0;
+    --lynk-input-label-font-size: var(--lynk-font-size-medium);
+    --lynk-input-label-font-weight: var(--lynk-font-weight-normal);
+    --lynk-input-label-color: inherit;
+    --lynk-input-help-text-font-size: var(--lynk-font-size-medium);
+    --lynk-toggle-size-small: 0.875rem;
+    --lynk-toggle-size-medium: 1.125rem;
+    --lynk-toggle-size-large: 1.375rem;
+    --lynk-toggle-hit-slop: 8px;
+    --lynk-page-margin: var(--lynk-spacing-large);
+    @media (min-width: 1024px) {
+      --lynk-page-margin: var(--lynk-spacing-x-large);
+    }
+    @media (min-width: 1400px) {
+      --lynk-page-margin: var(--lynk-spacing-2x-large);
+    }
+    --lynk-panel-border-width: 1px;
+    --lynk-table-border-radius: var(--lynk-border-radius-medium);
+    --lynk-tooltip-border-radius: var(--lynk-border-radius-medium);
+    --lynk-tooltip-font-family: var(--lynk-font-sans);
+    --lynk-tooltip-font-weight: var(--lynk-font-weight-normal);
+    --lynk-tooltip-font-size: var(--lynk-font-size-small);
+    --lynk-tooltip-line-height: var(--lynk-line-height-dense);
+    --lynk-tooltip-padding: var(--lynk-spacing-2x-small)
+      var(--lynk-spacing-x-small);
+    --lynk-tooltip-arrow-size: 4px;
+    --lynk-z-index-sticky: 100;
+    --lynk-z-index-header: 200;
+    --lynk-z-index-footer: 600;
+    --lynk-z-index-drawer: 700;
+    --lynk-z-index-dialog: 800;
+    --lynk-z-index-dropdown: 900;
+    --lynk-z-index-toast: 950;
+    --lynk-z-index-tooltip: 1000;
+    --lynk-toast-stack-gap: var(--lynk-spacing-x-small);
+    --lynk-toast-stack-inset: var(--lynk-spacing-small);
+    --lynk-toast-stack-margin: var(--lynk-spacing-x-small);
+    --lynk-toast-stack-width: 28rem;
+  }
+  @supports (scrollbar-gutter: stable) {
+    .lynk-scroll-lock {
+      scrollbar-gutter: var(--lynk-scroll-lock-gutter) !important;
+    }
+    .lynk-scroll-lock body {
+      overflow: hidden !important;
+    }
+  }
+  @supports not (scrollbar-gutter: stable) {
+    .lynk-scroll-lock body {
+      padding-right: var(--lynk-scroll-lock-size) !important;
+      overflow: hidden !important;
+    }
+  }
+  .lynk-scroll-lock {
+    overflow: hidden !important;
+  }
+  .lynk-toast-stack {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-toast-stack-gap);
+    margin: var(--lynk-toast-stack-margin);
+    inset-block-start: var(--lynk-toast-stack-inset);
+    inset-inline-end: var(--lynk-toast-stack-inset);
+    align-items: flex-end;
+    z-index: var(--lynk-z-index-toast);
+    width: var(--lynk-toast-stack-width);
+    max-width: 100%;
+    max-height: 100%;
+    overflow: auto;
+  }
+  .lynk-toast-stack--top-start,
+  .lynk-toast-stack--bottom-start {
+    inset-inline: var(--lynk-toast-stack-inset) auto;
+    align-items: flex-start;
+  }
+  .lynk-toast-stack--top-center,
+  .lynk-toast-stack--bottom-center {
+    inset-inline: 0 0;
+    margin-inline: auto;
+    align-items: center;
+  }
+  .lynk-toast-stack--top-end,
+  .lynk-toast-stack--bottom-end {
+    inset-inline: auto var(--lynk-toast-stack-inset);
+    align-items: flex-end;
+  }
+  .lynk-toast-stack--top-start,
+  .lynk-toast-stack--top-center,
+  .lynk-toast-stack--top-end {
+    inset-block: var(--lynk-toast-stack-inset) auto;
+    flex-direction: column;
+  }
+  .lynk-toast-stack--bottom-start,
+  .lynk-toast-stack--bottom-center,
+  .lynk-toast-stack--bottom-end {
+    inset-block: auto var(--lynk-toast-stack-inset);
+    flex-direction: column-reverse;
+  }
+  .lynk-toast-stack lynk-alert {
+    --box-shadow: var(--lynk-shadow-large);
+  }
+`;