@nibapp/ui 0.0.0-stage → 0.1.0

package/dist/styles/tokens.gen.css

@@ -0,0 +1,494 @@
+/* Generated from the kit's design-token specification — do not edit. */
+
+:root {
+  color-scheme: light dark;
+}
+
+/* Declared again on every [data-theme] element: light-dark() resolves where it's declared. */
+:root,
+[data-theme] {
+  /* Ramps */
+  --gray-1: light-dark(oklch(99.1% 0.0035 84), oklch(21.2% 0.003 84));
+  --gray-2: light-dark(oklch(97.9% 0.0045 84), oklch(23.5% 0.0035 84));
+  --gray-3: light-dark(oklch(96.1% 0.006 84), oklch(26.2% 0.004 84));
+  --gray-4: light-dark(oklch(94.4% 0.0065 84), oklch(28.8% 0.0045 84));
+  --gray-5: light-dark(oklch(92.6% 0.007 84), oklch(31.4% 0.005 84));
+  --gray-6: light-dark(oklch(90.2% 0.0075 84), oklch(34.6% 0.0055 84));
+  --gray-7: light-dark(oklch(86.6% 0.008 84), oklch(39.6% 0.006 84));
+  --gray-8: light-dark(oklch(80.5% 0.009 84), oklch(47.4% 0.007 84));
+  --gray-9: light-dark(oklch(60% 0.008 84), oklch(56% 0.007 84));
+  --gray-10: light-dark(oklch(50.5% 0.008 84), oklch(70.2% 0.007 84));
+  --gray-11: light-dark(oklch(42.6% 0.008 84), oklch(80% 0.006 84));
+  --gray-12: light-dark(oklch(21.8% 0.006 84), oklch(95.5% 0.004 84));
+  --blue-1: light-dark(oklch(99.1% 0.0042 260.44), oklch(21.2% 0.0093 260.44));
+  --blue-2: light-dark(oklch(97.9% 0.0098 260.44), oklch(23.5% 0.0185 260.44));
+  --blue-3: light-dark(oklch(96.1% 0.0184 260.44), oklch(26.2% 0.0333 260.44));
+  --blue-4: light-dark(oklch(94.4% 0.0267 260.44), oklch(28.8% 0.0481 260.44));
+  --blue-5: light-dark(oklch(92.6% 0.0355 260.44), oklch(31.4% 0.0629 260.44));
+  --blue-6: light-dark(oklch(90.2% 0.0474 260.44), oklch(34.6% 0.0777 260.44));
+  --blue-7: light-dark(oklch(86.6% 0.0658 260.44), oklch(39.6% 0.0962 260.44));
+  --blue-8: light-dark(oklch(80.5% 0.0981 260.44), oklch(47.4% 0.1259 260.44));
+  --blue-9: light-dark(oklch(56.92% 0.2373 260.44), oklch(66% 0.181 260.44));
+  --blue-10: light-dark(oklch(52.42% 0.2191 260.44), oklch(70.5% 0.1543 260.44));
+  --blue-11: light-dark(oklch(50.5% 0.1946 260.44), oklch(78% 0.1118 260.44));
+  --blue-12: light-dark(oklch(21.8% 0.0911 260.44), oklch(95.5% 0.0213 260.44));
+  --green-1: light-dark(oklch(99.1% 0.0075 152), oklch(21.2% 0.0059 152));
+  --green-2: light-dark(oklch(97.9% 0.015 152), oklch(23.5% 0.0117 152));
+  --green-3: light-dark(oklch(96.1% 0.027 152), oklch(26.2% 0.0211 152));
+  --green-4: light-dark(oklch(94.4% 0.039 152), oklch(28.8% 0.0304 152));
+  --green-5: light-dark(oklch(92.6% 0.051 152), oklch(31.4% 0.0398 152));
+  --green-6: light-dark(oklch(90.2% 0.063 152), oklch(34.6% 0.0491 152));
+  --green-7: light-dark(oklch(86.6% 0.078 152), oklch(39.6% 0.0608 152));
+  --green-8: light-dark(oklch(80.5% 0.102 152), oklch(47.4% 0.0796 152));
+  --green-9: light-dark(oklch(54.5% 0.1434 152), oklch(66% 0.15 152));
+  --green-10: light-dark(oklch(50% 0.1315 152), oklch(70.5% 0.144 152));
+  --green-11: light-dark(oklch(48% 0.123 152), oklch(80% 0.123 152));
+  --green-12: light-dark(oklch(21.8% 0.0573 152), oklch(95.5% 0.063 152));
+  --amber-1: light-dark(oklch(99.1% 0.0067 72), oklch(21.2% 0.006 72));
+  --amber-2: light-dark(oklch(97.9% 0.0155 72), oklch(23.5% 0.0121 72));
+  --amber-3: light-dark(oklch(96.1% 0.0279 72), oklch(26.2% 0.0218 72));
+  --amber-4: light-dark(oklch(94.4% 0.0403 72), oklch(28.8% 0.0314 72));
+  --amber-5: light-dark(oklch(92.6% 0.0527 72), oklch(31.4% 0.0411 72));
+  --amber-6: light-dark(oklch(90.2% 0.0651 72), oklch(34.6% 0.0508 72));
+  --amber-7: light-dark(oklch(86.6% 0.0806 72), oklch(39.6% 0.0629 72));
+  --amber-8: light-dark(oklch(80.5% 0.1054 72), oklch(47.4% 0.0822 72));
+  --amber-9: light-dark(oklch(78% 0.155 72), oklch(80% 0.155 72));
+  --amber-10: light-dark(oklch(73.5% 0.1488 72), oklch(84.5% 0.1261 72));
+  --amber-11: light-dark(oklch(52% 0.1113 72), oklch(84% 0.1271 72));
+  --amber-12: light-dark(oklch(21.8% 0.0467 72), oklch(95.5% 0.0341 72));
+  --red-1: light-dark(oklch(99.1% 0.0043 25), oklch(21.2% 0.0074 25));
+  --red-2: light-dark(oklch(97.9% 0.0102 25), oklch(23.5% 0.0148 25));
+  --red-3: light-dark(oklch(96.1% 0.0192 25), oklch(26.2% 0.0267 25));
+  --red-4: light-dark(oklch(94.4% 0.0279 25), oklch(28.8% 0.0385 25));
+  --red-5: light-dark(oklch(92.6% 0.0375 25), oklch(31.4% 0.0504 25));
+  --red-6: light-dark(oklch(90.2% 0.0508 25), oklch(34.6% 0.0622 25));
+  --red-7: light-dark(oklch(86.6% 0.0718 25), oklch(39.6% 0.0771 25));
+  --red-8: light-dark(oklch(80.5% 0.1109 25), oklch(47.4% 0.1008 25));
+  --red-9: light-dark(oklch(57.5% 0.19 25), oklch(64% 0.19 25));
+  --red-10: light-dark(oklch(53% 0.1824 25), oklch(68.5% 0.1824 25));
+  --red-11: light-dark(oklch(50.5% 0.1558 25), oklch(78% 0.1283 25));
+  --red-12: light-dark(oklch(21.8% 0.0798 25), oklch(95.5% 0.0222 25));
+  --violet-1: light-dark(oklch(99.1% 0.0047 295), oklch(21.2% 0.0059 295));
+  --violet-2: light-dark(oklch(97.9% 0.011 295), oklch(23.5% 0.0117 295));
+  --violet-3: light-dark(oklch(96.1% 0.0206 295), oklch(26.2% 0.0211 295));
+  --violet-4: light-dark(oklch(94.4% 0.0297 295), oklch(28.8% 0.0304 295));
+  --violet-5: light-dark(oklch(92.6% 0.0396 295), oklch(31.4% 0.0398 295));
+  --violet-6: light-dark(oklch(90.2% 0.053 295), oklch(34.6% 0.0491 295));
+  --violet-7: light-dark(oklch(86.6% 0.0736 295), oklch(39.6% 0.0608 295));
+  --violet-8: light-dark(oklch(80.5% 0.102 295), oklch(47.4% 0.0796 295));
+  --violet-9: light-dark(oklch(58% 0.15 295), oklch(64% 0.15 295));
+  --violet-10: light-dark(oklch(53.5% 0.144 295), oklch(68.5% 0.144 295));
+  --violet-11: light-dark(oklch(50% 0.123 295), oklch(80% 0.1129 295));
+  --violet-12: light-dark(oklch(21.8% 0.063 295), oklch(95.5% 0.0238 295));
+
+  /* Persona tints */
+  --persona-clay-bg: light-dark(oklch(92.5% 0.04 42), oklch(33.5% 0.045 42));
+  --persona-clay-fg: light-dark(oklch(43% 0.08 42), oklch(86% 0.065 42));
+  --persona-clay-solid: oklch(66% 0.1 42);
+  --persona-ochre-bg: light-dark(oklch(92.5% 0.04 78), oklch(33.5% 0.045 78));
+  --persona-ochre-fg: light-dark(oklch(43% 0.08 78), oklch(86% 0.065 78));
+  --persona-ochre-solid: oklch(66% 0.1 78);
+  --persona-sage-bg: light-dark(oklch(92.5% 0.04 140), oklch(33.5% 0.045 140));
+  --persona-sage-fg: light-dark(oklch(43% 0.08 140), oklch(86% 0.065 140));
+  --persona-sage-solid: oklch(66% 0.1 140);
+  --persona-teal-bg: light-dark(oklch(92.5% 0.04 192), oklch(33.5% 0.045 192));
+  --persona-teal-fg: light-dark(oklch(43% 0.0738 192), oklch(86% 0.065 192));
+  --persona-teal-solid: oklch(66% 0.1 192);
+  --persona-slate-bg: light-dark(oklch(92.5% 0.0387 245), oklch(33.5% 0.045 245));
+  --persona-slate-fg: light-dark(oklch(43% 0.08 245), oklch(86% 0.065 245));
+  --persona-slate-solid: oklch(66% 0.1 245);
+  --persona-iris-bg: light-dark(oklch(92.5% 0.0363 278), oklch(33.5% 0.045 278));
+  --persona-iris-fg: light-dark(oklch(43% 0.08 278), oklch(86% 0.065 278));
+  --persona-iris-solid: oklch(66% 0.1 278);
+  --persona-plum-bg: light-dark(oklch(92.5% 0.04 330), oklch(33.5% 0.045 330));
+  --persona-plum-fg: light-dark(oklch(43% 0.08 330), oklch(86% 0.065 330));
+  --persona-plum-solid: oklch(66% 0.1 330);
+  --persona-rose-bg: light-dark(oklch(92.5% 0.0387 12), oklch(33.5% 0.045 12));
+  --persona-rose-fg: light-dark(oklch(43% 0.08 12), oklch(86% 0.065 12));
+  --persona-rose-solid: oklch(66% 0.1 12);
+
+  /* Semantic */
+  --bg: var(--gray-1);
+  --bg-subtle: var(--gray-2);
+  --bg-muted: var(--gray-3);
+  --bg-inset: light-dark(oklch(97.4% 0.005 84), var(--gray-2));
+  --surface: light-dark(oklch(99.9% 0.0015 84), var(--gray-2));
+  --surface-raised: light-dark(oklch(100% 0 0), var(--gray-3));
+  --surface-overlay: light-dark(oklch(100% 0 0), oklch(24.8% 0.004 84));
+  --scrim: light-dark(oklch(22% 0.01 84 / 0.22), oklch(8% 0.005 84 / 0.62));
+  --fg: var(--gray-12);
+  --fg-muted: var(--gray-11);
+  --fg-subtle: var(--gray-10);
+  --fg-faint: var(--gray-8);
+  --fg-inverted: var(--gray-1);
+  --border: light-dark(color-mix(in oklab, var(--gray-12) 11%, transparent), color-mix(in oklab, var(--gray-12) 10.5%, transparent));
+  --border-subtle: color-mix(in oklab, var(--gray-12) 7%, transparent);
+  --border-strong: light-dark(color-mix(in oklab, var(--gray-12) 19%, transparent), color-mix(in oklab, var(--gray-12) 18%, transparent));
+  --hover: light-dark(color-mix(in oklab, var(--gray-12) 4.5%, transparent), color-mix(in oklab, var(--gray-12) 6%, transparent));
+  --active: light-dark(color-mix(in oklab, var(--gray-12) 7.5%, transparent), color-mix(in oklab, var(--gray-12) 9%, transparent));
+  --selected: light-dark(color-mix(in oklab, var(--gray-12) 6.5%, transparent), color-mix(in oklab, var(--gray-12) 8.5%, transparent));
+  --field-wash: light-dark(color-mix(in oklab, var(--gray-12) 5%, transparent), color-mix(in oklab, var(--gray-3) 60%, transparent));
+  --track: light-dark(color-mix(in oklab, var(--gray-12) 10%, transparent), color-mix(in oklab, var(--gray-12) 13%, transparent));
+  --chart-1: light-dark(oklch(62% 0.12 180), oklch(60% 0.11 180));
+  --chart-2: light-dark(oklch(66% 0.15 45), oklch(62% 0.15 45));
+  --chart-3: light-dark(oklch(56% 0.15 275), oklch(62% 0.14 275));
+  --chart-4: light-dark(oklch(60% 0.16 345), oklch(60% 0.15 345));
+  --chart-5: light-dark(oklch(76% 0.14 85), oklch(66% 0.13 85));
+  --chart-6: light-dark(oklch(63% 0.14 230), oklch(65% 0.14 230));
+  --chart-7: light-dark(oklch(48% 0.14 310), oklch(55% 0.14 310));
+  --chart-8: light-dark(oklch(48% 0.14 125), oklch(55% 0.14 125));
+  --primary: var(--gray-12);
+  --primary-hover: light-dark(oklch(32% 0.006 84), oklch(88% 0.004 84));
+  --primary-fg: var(--gray-1);
+  --accent: var(--blue-9);
+  --accent-fg: var(--blue-11);
+  --accent-on-solid: oklch(100% 0 0);
+  --accent-subtle: light-dark(color-mix(in oklab, var(--blue-9) 10%, transparent), color-mix(in oklab, var(--blue-9) 16%, transparent));
+  --focus: light-dark(var(--blue-9), color-mix(in oklab, var(--blue-9) 72%, transparent));
+  --selection: light-dark(color-mix(in oklab, var(--blue-9) 20%, transparent), color-mix(in oklab, var(--blue-9) 32%, transparent));
+  --success: oklch(54.5% 0.15 152);
+  --success-hover: oklch(50% 0.15 152);
+  --success-fg: var(--green-11);
+  --success-on-solid: oklch(100% 0 0);
+  --success-subtle: light-dark(color-mix(in oklab, var(--green-9) 9%, transparent), color-mix(in oklab, var(--green-9) 13%, transparent));
+  --success-subtle-hover: light-dark(color-mix(in oklab, var(--green-9) 14%, transparent), color-mix(in oklab, var(--green-9) 19%, transparent));
+  --success-border: light-dark(color-mix(in oklab, var(--green-9) 32%, transparent), color-mix(in oklab, var(--green-9) 36%, transparent));
+  --warning: var(--amber-9);
+  --warning-hover: var(--amber-10);
+  --warning-fg: var(--amber-11);
+  --warning-on-solid: oklch(22% 0.03 72);
+  --warning-subtle: light-dark(color-mix(in oklab, var(--amber-9) 9%, transparent), color-mix(in oklab, var(--amber-9) 13%, transparent));
+  --warning-subtle-hover: light-dark(color-mix(in oklab, var(--amber-9) 14%, transparent), color-mix(in oklab, var(--amber-9) 19%, transparent));
+  --warning-border: light-dark(color-mix(in oklab, var(--amber-9) 32%, transparent), color-mix(in oklab, var(--amber-9) 36%, transparent));
+  --danger: oklch(57.5% 0.19 25);
+  --danger-hover: oklch(53% 0.19 25);
+  --danger-fg: var(--red-11);
+  --danger-on-solid: oklch(100% 0 0);
+  --danger-subtle: light-dark(color-mix(in oklab, var(--red-9) 9%, transparent), color-mix(in oklab, var(--red-9) 13%, transparent));
+  --danger-subtle-hover: light-dark(color-mix(in oklab, var(--red-9) 14%, transparent), color-mix(in oklab, var(--red-9) 19%, transparent));
+  --danger-border: light-dark(color-mix(in oklab, var(--red-9) 32%, transparent), color-mix(in oklab, var(--red-9) 36%, transparent));
+  --info: var(--gray-11);
+  --info-hover: var(--gray-12);
+  --info-fg: var(--gray-11);
+  --info-on-solid: var(--gray-1);
+  --info-subtle: light-dark(color-mix(in oklab, var(--gray-12) 5%, transparent), color-mix(in oklab, var(--gray-12) 7%, transparent));
+  --info-subtle-hover: light-dark(color-mix(in oklab, var(--gray-12) 8%, transparent), color-mix(in oklab, var(--gray-12) 10%, transparent));
+  --info-border: color-mix(in oklab, var(--gray-12) 14%, transparent);
+  --diff-add-bg: light-dark(color-mix(in oklab, var(--green-9) 9%, transparent), color-mix(in oklab, var(--green-9) 11%, transparent));
+  --diff-add-word: light-dark(color-mix(in oklab, var(--green-9) 24%, transparent), color-mix(in oklab, var(--green-9) 28%, transparent));
+  --diff-add-fg: var(--green-11);
+  --diff-add-gutter: light-dark(color-mix(in oklab, var(--green-9) 16%, transparent), color-mix(in oklab, var(--green-9) 20%, transparent));
+  --diff-remove-bg: light-dark(color-mix(in oklab, var(--red-9) 8%, transparent), color-mix(in oklab, var(--red-9) 10%, transparent));
+  --diff-remove-word: light-dark(color-mix(in oklab, var(--red-9) 22%, transparent), color-mix(in oklab, var(--red-9) 26%, transparent));
+  --diff-remove-fg: var(--red-11);
+  --diff-remove-gutter: light-dark(color-mix(in oklab, var(--red-9) 15%, transparent), color-mix(in oklab, var(--red-9) 19%, transparent));
+  --art-porcelain: #ece8e0;
+  --art-graphite: #191917;
+  --shadow-1: light-dark(oklch(25% 0.02 70 / 0.05), oklch(0% 0 0 / 0.32));
+  --shadow-2: light-dark(oklch(25% 0.02 70 / 0.08), oklch(0% 0 0 / 0.42));
+  --shadow-3: light-dark(oklch(25% 0.02 70 / 0.13), oklch(0% 0 0 / 0.55));
+  --edge-highlight: light-dark(oklch(100% 0 0 / 0.7), oklch(100% 0 0 / 0.055));
+
+  /* Motion */
+  --duration-instant: 80ms;
+  --duration-fast: 120ms;
+  --duration-base: 180ms;
+  --duration-moderate: 240ms;
+  --duration-slow: 320ms;
+  --duration-slower: 480ms;
+  --duration-glacial: 800ms;
+  --duration-loader-delay: 200ms;
+  --duration-loader-min: 400ms;
+  --duration-spring-snappy: 183ms;
+  --duration-spring-smooth: 225ms;
+  --duration-spring-gentle: 542ms;
+  --duration-spring-bouncy: 475ms;
+  --duration-spring-signature: 600ms;
+}
+
+[data-theme="light"] {
+  color-scheme: light;
+}
+
+[data-theme="dark"] {
+  color-scheme: dark;
+}
+
+@theme inline {
+  --color-*: initial;
+  --color-white: oklch(100% 0 0);
+  --color-black: oklch(0% 0 0);
+  --color-transparent: transparent;
+  --color-current: currentColor;
+  --color-gray-1: var(--gray-1);
+  --color-gray-2: var(--gray-2);
+  --color-gray-3: var(--gray-3);
+  --color-gray-4: var(--gray-4);
+  --color-gray-5: var(--gray-5);
+  --color-gray-6: var(--gray-6);
+  --color-gray-7: var(--gray-7);
+  --color-gray-8: var(--gray-8);
+  --color-gray-9: var(--gray-9);
+  --color-gray-10: var(--gray-10);
+  --color-gray-11: var(--gray-11);
+  --color-gray-12: var(--gray-12);
+  --color-blue-1: var(--blue-1);
+  --color-blue-2: var(--blue-2);
+  --color-blue-3: var(--blue-3);
+  --color-blue-4: var(--blue-4);
+  --color-blue-5: var(--blue-5);
+  --color-blue-6: var(--blue-6);
+  --color-blue-7: var(--blue-7);
+  --color-blue-8: var(--blue-8);
+  --color-blue-9: var(--blue-9);
+  --color-blue-10: var(--blue-10);
+  --color-blue-11: var(--blue-11);
+  --color-blue-12: var(--blue-12);
+  --color-green-1: var(--green-1);
+  --color-green-2: var(--green-2);
+  --color-green-3: var(--green-3);
+  --color-green-4: var(--green-4);
+  --color-green-5: var(--green-5);
+  --color-green-6: var(--green-6);
+  --color-green-7: var(--green-7);
+  --color-green-8: var(--green-8);
+  --color-green-9: var(--green-9);
+  --color-green-10: var(--green-10);
+  --color-green-11: var(--green-11);
+  --color-green-12: var(--green-12);
+  --color-amber-1: var(--amber-1);
+  --color-amber-2: var(--amber-2);
+  --color-amber-3: var(--amber-3);
+  --color-amber-4: var(--amber-4);
+  --color-amber-5: var(--amber-5);
+  --color-amber-6: var(--amber-6);
+  --color-amber-7: var(--amber-7);
+  --color-amber-8: var(--amber-8);
+  --color-amber-9: var(--amber-9);
+  --color-amber-10: var(--amber-10);
+  --color-amber-11: var(--amber-11);
+  --color-amber-12: var(--amber-12);
+  --color-red-1: var(--red-1);
+  --color-red-2: var(--red-2);
+  --color-red-3: var(--red-3);
+  --color-red-4: var(--red-4);
+  --color-red-5: var(--red-5);
+  --color-red-6: var(--red-6);
+  --color-red-7: var(--red-7);
+  --color-red-8: var(--red-8);
+  --color-red-9: var(--red-9);
+  --color-red-10: var(--red-10);
+  --color-red-11: var(--red-11);
+  --color-red-12: var(--red-12);
+  --color-violet-1: var(--violet-1);
+  --color-violet-2: var(--violet-2);
+  --color-violet-3: var(--violet-3);
+  --color-violet-4: var(--violet-4);
+  --color-violet-5: var(--violet-5);
+  --color-violet-6: var(--violet-6);
+  --color-violet-7: var(--violet-7);
+  --color-violet-8: var(--violet-8);
+  --color-violet-9: var(--violet-9);
+  --color-violet-10: var(--violet-10);
+  --color-violet-11: var(--violet-11);
+  --color-violet-12: var(--violet-12);
+  --color-persona-clay-bg: var(--persona-clay-bg);
+  --color-persona-clay-fg: var(--persona-clay-fg);
+  --color-persona-clay-solid: var(--persona-clay-solid);
+  --color-persona-ochre-bg: var(--persona-ochre-bg);
+  --color-persona-ochre-fg: var(--persona-ochre-fg);
+  --color-persona-ochre-solid: var(--persona-ochre-solid);
+  --color-persona-sage-bg: var(--persona-sage-bg);
+  --color-persona-sage-fg: var(--persona-sage-fg);
+  --color-persona-sage-solid: var(--persona-sage-solid);
+  --color-persona-teal-bg: var(--persona-teal-bg);
+  --color-persona-teal-fg: var(--persona-teal-fg);
+  --color-persona-teal-solid: var(--persona-teal-solid);
+  --color-persona-slate-bg: var(--persona-slate-bg);
+  --color-persona-slate-fg: var(--persona-slate-fg);
+  --color-persona-slate-solid: var(--persona-slate-solid);
+  --color-persona-iris-bg: var(--persona-iris-bg);
+  --color-persona-iris-fg: var(--persona-iris-fg);
+  --color-persona-iris-solid: var(--persona-iris-solid);
+  --color-persona-plum-bg: var(--persona-plum-bg);
+  --color-persona-plum-fg: var(--persona-plum-fg);
+  --color-persona-plum-solid: var(--persona-plum-solid);
+  --color-persona-rose-bg: var(--persona-rose-bg);
+  --color-persona-rose-fg: var(--persona-rose-fg);
+  --color-persona-rose-solid: var(--persona-rose-solid);
+  --color-bg: var(--bg);
+  --color-bg-subtle: var(--bg-subtle);
+  --color-bg-muted: var(--bg-muted);
+  --color-bg-inset: var(--bg-inset);
+  --color-surface: var(--surface);
+  --color-surface-raised: var(--surface-raised);
+  --color-surface-overlay: var(--surface-overlay);
+  --color-scrim: var(--scrim);
+  --color-fg: var(--fg);
+  --color-fg-muted: var(--fg-muted);
+  --color-fg-subtle: var(--fg-subtle);
+  --color-fg-faint: var(--fg-faint);
+  --color-fg-inverted: var(--fg-inverted);
+  --color-border: var(--border);
+  --color-border-subtle: var(--border-subtle);
+  --color-border-strong: var(--border-strong);
+  --color-hover: var(--hover);
+  --color-active: var(--active);
+  --color-selected: var(--selected);
+  --color-field-wash: var(--field-wash);
+  --color-track: var(--track);
+  --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);
+  --color-chart-6: var(--chart-6);
+  --color-chart-7: var(--chart-7);
+  --color-chart-8: var(--chart-8);
+  --color-primary: var(--primary);
+  --color-primary-hover: var(--primary-hover);
+  --color-primary-fg: var(--primary-fg);
+  --color-accent: var(--accent);
+  --color-accent-fg: var(--accent-fg);
+  --color-accent-on-solid: var(--accent-on-solid);
+  --color-accent-subtle: var(--accent-subtle);
+  --color-focus: var(--focus);
+  --color-selection: var(--selection);
+  --color-success: var(--success);
+  --color-success-hover: var(--success-hover);
+  --color-success-fg: var(--success-fg);
+  --color-success-on-solid: var(--success-on-solid);
+  --color-success-subtle: var(--success-subtle);
+  --color-success-subtle-hover: var(--success-subtle-hover);
+  --color-success-border: var(--success-border);
+  --color-warning: var(--warning);
+  --color-warning-hover: var(--warning-hover);
+  --color-warning-fg: var(--warning-fg);
+  --color-warning-on-solid: var(--warning-on-solid);
+  --color-warning-subtle: var(--warning-subtle);
+  --color-warning-subtle-hover: var(--warning-subtle-hover);
+  --color-warning-border: var(--warning-border);
+  --color-danger: var(--danger);
+  --color-danger-hover: var(--danger-hover);
+  --color-danger-fg: var(--danger-fg);
+  --color-danger-on-solid: var(--danger-on-solid);
+  --color-danger-subtle: var(--danger-subtle);
+  --color-danger-subtle-hover: var(--danger-subtle-hover);
+  --color-danger-border: var(--danger-border);
+  --color-info: var(--info);
+  --color-info-hover: var(--info-hover);
+  --color-info-fg: var(--info-fg);
+  --color-info-on-solid: var(--info-on-solid);
+  --color-info-subtle: var(--info-subtle);
+  --color-info-subtle-hover: var(--info-subtle-hover);
+  --color-info-border: var(--info-border);
+  --color-diff-add-bg: var(--diff-add-bg);
+  --color-diff-add-word: var(--diff-add-word);
+  --color-diff-add-fg: var(--diff-add-fg);
+  --color-diff-add-gutter: var(--diff-add-gutter);
+  --color-diff-remove-bg: var(--diff-remove-bg);
+  --color-diff-remove-word: var(--diff-remove-word);
+  --color-diff-remove-fg: var(--diff-remove-fg);
+  --color-diff-remove-gutter: var(--diff-remove-gutter);
+  --color-art-porcelain: var(--art-porcelain);
+  --color-art-graphite: var(--art-graphite);
+}
+
+@theme {
+  --font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
+  --font-serif: "Source Serif 4 Variable", "Source Serif 4", ui-serif, "New York", Georgia, serif;
+
+  --container-reading: 46rem;
+  --container-form: 42rem;
+  --container-page: 64rem;
+  --container-wide: 76rem;
+  --container-card: 25rem;
+  --container-card-wide: 44rem;
+  --container-bar: 40rem;
+  --container-page-md: 40rem;
+  --container-page-lg: 64rem;
+  --layout-sidebar: 16.5rem;
+  --layout-header: 3.25rem;
+  --layout-bottom-bar: 2.75rem;
+  --layout-pane-min: 18.75rem;
+  --z-sticky: 10;
+  --z-dropdown: 20;
+  --z-banner: 30;
+  --z-drawer: 40;
+  --z-tour: 45;
+  --z-toast: 50;
+  --z-overlay: 60;
+  --z-tooltip: 70;
+
+  --radius-*: initial;
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.625rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-3xl: 1.375rem;
+  --radius-4xl: 1.75rem;
+
+  --text-*: initial;
+  --text-2xs: 0.6875rem;
+  --text-2xs--line-height: 1rem;
+  --text-2xs--letter-spacing: 0.01em;
+  --text-xs: 0.75rem;
+  --text-xs--line-height: 1.125rem;
+  --text-xs--letter-spacing: 0.005em;
+  --text-sm: 0.8125rem;
+  --text-sm--line-height: 1.25rem;
+  --text-sm--letter-spacing: 0em;
+  --text-base: 0.875rem;
+  --text-base--line-height: 1.375rem;
+  --text-base--letter-spacing: -0.003em;
+  --text-md: 0.9375rem;
+  --text-md--line-height: 1.5rem;
+  --text-md--letter-spacing: -0.006em;
+  --text-lg: 1.0625rem;
+  --text-lg--line-height: 1.625rem;
+  --text-lg--letter-spacing: -0.011em;
+  --text-xl: 1.25rem;
+  --text-xl--line-height: 1.75rem;
+  --text-xl--letter-spacing: -0.015em;
+  --text-2xl: 1.5rem;
+  --text-2xl--line-height: 2rem;
+  --text-2xl--letter-spacing: -0.019em;
+  --text-3xl: 1.875rem;
+  --text-3xl--line-height: 2.375rem;
+  --text-3xl--letter-spacing: -0.022em;
+  --text-4xl: 2.375rem;
+  --text-4xl--line-height: 2.75rem;
+  --text-4xl--letter-spacing: -0.025em;
+  --text-5xl: 3rem;
+  --text-5xl--line-height: 3.375rem;
+  --text-5xl--letter-spacing: -0.028em;
+  --text-6xl: 3.75rem;
+  --text-6xl--line-height: 4rem;
+  --text-6xl--letter-spacing: -0.03em;
+
+  --shadow-*: initial;
+  --shadow-xs: 0 1px 1px var(--shadow-1);
+  --shadow-sm: 0 1px 2px var(--shadow-1), 0 1px 1px var(--shadow-1);
+  --shadow-md: 0 1px 2px var(--shadow-1), 0 4px 10px -2px var(--shadow-2);
+  --shadow-lg: 0 2px 4px -1px var(--shadow-1), 0 10px 24px -6px var(--shadow-2), 0 24px 48px -12px var(--shadow-2);
+  --shadow-xl: 0 4px 8px -2px var(--shadow-2), 0 16px 32px -8px var(--shadow-2), 0 40px 80px -16px var(--shadow-3);
+  --shadow-inset-edge: inset 0 1px 0 0 var(--edge-highlight);
+
+  --ease-*: initial;
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
+  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1.15);
+  --ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);
+  --ease-spring-snappy: linear(0 0%, 0.049 4.55%, 0.1456 9.09%, 0.3736 18.18%, 0.4991 22.73%, 0.5899 27.27%, 0.6673 31.82%, 0.7321 36.36%, 0.7856 40.91%, 0.8291 45.45%, 0.8644 50%, 0.8927 54.55%, 0.9153 59.09%, 0.9332 63.64%, 0.9475 68.18%, 0.9588 72.73%, 0.9677 77.27%, 0.9734 81.82%, 0.9837 90.91%, 0.9872 95.45%, 1 100%);
+  --ease-spring-smooth: linear(0 0%, 0.0343 3.7%, 0.1058 7.41%, 0.1951 11.11%, 0.2901 14.81%, 0.4012 18.52%, 0.4868 22.22%, 0.5639 25.93%, 0.6321 29.63%, 0.6914 33.33%, 0.7424 37.04%, 0.7858 40.74%, 0.8225 44.44%, 0.8533 48.15%, 0.8791 51.85%, 0.9005 55.56%, 0.9183 59.26%, 0.933 62.96%, 0.9429 66.67%, 0.9618 74.07%, 0.9746 81.48%, 0.9831 88.89%, 0.9888 96.3%, 1 100%);
+  --ease-spring-gentle: linear(0 0%, 0.0061 1.54%, 0.0209 3.08%, 0.0426 4.62%, 0.0697 6.15%, 0.1074 7.69%, 0.142 9.23%, 0.2161 12.31%, 0.2926 15.38%, 0.368 18.46%, 0.44 21.54%, 0.5071 24.62%, 0.5386 26.15%, 0.5627 27.69%, 0.619 30.77%, 0.6695 33.85%, 0.7143 36.92%, 0.7539 40%, 0.7886 43.08%, 0.8188 46.15%, 0.8451 49.23%, 0.8679 52.31%, 0.8875 55.38%, 0.9059 58.46%, 0.9201 61.54%, 0.9323 64.62%, 0.9426 67.69%, 0.9515 70.77%, 0.959 73.85%, 0.9654 76.92%, 0.9708 80%, 0.9754 83.08%, 0.9793 86.15%, 0.9826 89.23%, 0.9853 92.31%, 0.9877 95.38%, 0.9896 98.46%, 1 100%);
+  --ease-spring-bouncy: linear(0 0%, 0.0076 1.75%, 0.0262 3.51%, 0.0539 5.26%, 0.0891 7.02%, 0.1387 8.77%, 0.1847 10.53%, 0.2845 14.04%, 0.3883 17.54%, 0.4901 21.05%, 0.586 24.56%, 0.6733 28.07%, 0.7132 29.82%, 0.7432 31.58%, 0.7783 33.33%, 0.8107 35.09%, 0.8404 36.84%, 0.8675 38.6%, 0.9141 42.11%, 0.9513 45.61%, 0.9801 49.12%, 1.0016 52.63%, 1.0168 56.14%, 1.027 59.65%, 1.033 63.16%, 1.0359 66.67%, 1.0361 70.18%, 1.0346 73.68%, 1.0319 77.19%, 1.0286 80.7%, 1.0249 84.21%, 1.0212 87.72%, 1.0175 91.23%, 1.0141 94.74%, 1.011 98.25%, 1 100%);
+  --ease-spring-signature: linear(0 0%, 0.0044 1.39%, 0.0154 2.78%, 0.032 4.17%, 0.0534 5.56%, 0.1135 8.33%, 0.179 11.11%, 0.2503 13.89%, 0.3242 16.67%, 0.398 19.44%, 0.4697 22.22%, 0.5044 23.61%, 0.5314 25%, 0.5957 27.78%, 0.655 30.56%, 0.7089 33.33%, 0.7574 36.11%, 0.8004 38.89%, 0.8381 41.67%, 0.8709 44.44%, 0.8991 47.22%, 0.923 50%, 0.9355 51.39%, 0.9449 52.78%, 0.9613 55.56%, 0.9746 58.33%, 0.9853 61.11%, 0.9938 63.89%, 1.0004 66.67%, 1.0053 69.44%, 1.0089 72.22%, 1.0113 75%, 1.0129 77.78%, 1.0137 80.56%, 1.0139 83.33%, 1.0138 86.11%, 1.0132 88.89%, 1.0125 91.67%, 1.0116 94.44%, 1.0106 97.22%, 1.0101 98.61%, 1 100%);
+  --default-transition-duration: 160ms;
+  --default-transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
+}