@nswds/app 1.62.2 → 1.64.0

package/dist/styles.css

@@ -32,6 +32,8 @@
     --color-green-600: oklch(62.7% 0.194 149.214);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -51,6 +53,8 @@
     --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-fuchsia-500: oklch(66.7% 0.295 322.15);
     --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -75,12 +79,14 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
+    --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -97,6 +103,10 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -1072,6 +1082,15 @@
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
+  .mt-16 {
+    margin-top: calc(var(--spacing) * 16);
+  }
+  .mt-20 {
+    margin-top: calc(var(--spacing) * 20);
+  }
+  .mt-24 {
+    margin-top: calc(var(--spacing) * 24);
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1102,12 +1121,18 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
+  .mb-16 {
+    margin-bottom: calc(var(--spacing) * 16);
+  }
   .mb-\[40px\] {
     margin-bottom: 40px;
   }
@@ -1204,6 +1229,9 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .aspect-\[3\/2\] {
+    aspect-ratio: 3/2;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -1414,6 +1442,9 @@
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-\[80px\] {
+    min-height: 80px;
+  }
   .min-h-\[200px\] {
     min-height: 200px;
   }
@@ -1444,6 +1475,9 @@
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1585,6 +1619,9 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
   .max-w-60 {
     max-width: calc(var(--spacing) * 60);
   }
@@ -1615,6 +1652,9 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-\(--cell-size\) {
     min-width: var(--cell-size);
   }
@@ -1827,6 +1867,9 @@
   .auto-rows-min {
     grid-auto-rows: min-content;
   }
+  .\[grid-template-columns\:repeat\(6\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1836,9 +1879,6 @@
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  .grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
   .grid-cols-\[--spacing\(5\)_1fr\] {
     grid-template-columns: calc(var(--spacing) * 5) 1fr;
   }
@@ -2178,9 +2218,6 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -2429,6 +2466,9 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-800 {
+    background-color: oklch(0.31696739530944956 0.1268869779210199 17.133122508570153);
+  }
   .bg-amber-500 {
     background-color: var(--color-amber-500);
   }
@@ -2450,12 +2490,18 @@
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
   .bg-blue-200 {
     background-color: var(--color-blue-200);
   }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-blue-600 {
+    background-color: var(--color-blue-600);
+  }
   .bg-border {
     background-color: var(--border);
   }
@@ -2561,6 +2607,9 @@
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary-50 {
+    background-color: oklch(0.9816683948128555 0.013540580086234762 227.890755564881);
+  }
   .bg-primary-200 {
     background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
   }
@@ -2600,6 +2649,15 @@
   .bg-sidebar-primary {
     background-color: var(--sidebar-primary);
   }
+  .bg-sky-100 {
+    background-color: var(--color-sky-100);
+  }
+  .bg-slate-50 {
+    background-color: var(--color-slate-50);
+  }
+  .bg-slate-100 {
+    background-color: var(--color-slate-100);
+  }
   .bg-success-200 {
     background-color: var(--color-success-200);
   }
@@ -2786,6 +2844,9 @@
   .stroke-1 {
     stroke-width: 1;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2927,6 +2988,9 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
+  .py-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
   .py-\[calc\(--spacing\(1\)\)\] {
     padding-block: calc(calc(var(--spacing) * 1));
   }
@@ -2960,12 +3024,18 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pt-10 {
+    padding-top: calc(var(--spacing) * 10);
+  }
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
+  .pt-32 {
+    padding-top: calc(var(--spacing) * 32);
+  }
   .pt-\[40px\] {
     padding-top: 40px;
   }
@@ -3002,6 +3072,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -3014,6 +3087,12 @@
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
+  .pb-20 {
+    padding-bottom: calc(var(--spacing) * 20);
+  }
+  .pb-24 {
+    padding-bottom: calc(var(--spacing) * 24);
+  }
   .pb-\[24px\] {
     padding-bottom: 24px;
   }
@@ -3185,6 +3264,10 @@
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
   }
+  .leading-8 {
+    --tw-leading: calc(var(--spacing) * 8);
+    line-height: calc(var(--spacing) * 8);
+  }
   .leading-\[var\(--line-height\)\] {
     --tw-leading: var(--line-height);
     line-height: var(--line-height);
@@ -3237,6 +3320,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -3337,6 +3424,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -3472,9 +3562,15 @@
   .text-sidebar-primary-foreground {
     color: var(--sidebar-primary-foreground);
   }
+  .text-sky-600 {
+    color: var(--color-sky-600);
+  }
   .text-slate-500 {
     color: var(--color-slate-500);
   }
+  .text-slate-600 {
+    color: var(--color-slate-600);
+  }
   .text-slate-900 {
     color: var(--color-slate-900);
   }
@@ -4337,6 +4433,9 @@
   .ring-inset {
     --tw-ring-inset: inset;
   }
+  .running {
+    animation-play-state: running;
+  }
   .zoom-in-95 {
     --tw-enter-scale: .95;
   }
@@ -7987,6 +8086,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .sm\:mt-10 {
+    @media (width >= 40rem) {
+      margin-top: calc(var(--spacing) * 10);
+    }
+  }
   .sm\:ml-2 {
     @media (width >= 40rem) {
       margin-left: calc(var(--spacing) * 2);
@@ -8246,6 +8350,11 @@
       padding-right: calc(var(--spacing) * 16);
     }
   }
+  .sm\:pb-32 {
+    @media (width >= 40rem) {
+      padding-bottom: calc(var(--spacing) * 32);
+    }
+  }
   .sm\:pl-1\.5 {
     @media (width >= 40rem) {
       padding-left: calc(var(--spacing) * 1.5);
@@ -8266,6 +8375,24 @@
       text-align: left;
     }
   }
+  .sm\:text-4xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .sm\:text-5xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+  }
+  .sm\:text-6xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+  }
   .sm\:text-sm\/5 {
     @media (width >= 40rem) {
       font-size: var(--text-sm);
@@ -8474,6 +8601,11 @@
       flex-grow: 1;
     }
   }
+  .md\:\[grid-template-columns\:repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -8489,11 +8621,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .md\:grid-cols-19 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(19, minmax(0, 1fr));
-    }
-  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -8504,6 +8631,11 @@
       padding: calc(var(--spacing) * 0);
     }
   }
+  .md\:p-12 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 12);
+    }
+  }
   .md\:px-0 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 0);
@@ -8576,16 +8708,46 @@
       }
     }
   }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
   .lg\:relative {
     @media (width >= 64rem) {
       position: relative;
     }
   }
+  .lg\:inset-0 {
+    @media (width >= 64rem) {
+      inset: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:mx-0 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:mt-4 {
     @media (width >= 64rem) {
       margin-top: calc(var(--spacing) * 4);
     }
   }
+  .lg\:-mr-8 {
+    @media (width >= 64rem) {
+      margin-right: calc(var(--spacing) * -8);
+    }
+  }
   .lg\:ml-6 {
     @media (width >= 64rem) {
       margin-left: calc(var(--spacing) * 6);
@@ -8601,6 +8763,11 @@
       display: flex;
     }
   }
+  .lg\:grid {
+    @media (width >= 64rem) {
+      display: grid;
+    }
+  }
   .lg\:hidden {
     @media (width >= 64rem) {
       display: none;
@@ -8611,11 +8778,21 @@
       display: inline-flex;
     }
   }
+  .lg\:aspect-auto {
+    @media (width >= 64rem) {
+      aspect-ratio: auto;
+    }
+  }
   .lg\:h-14 {
     @media (width >= 64rem) {
       height: calc(var(--spacing) * 14);
     }
   }
+  .lg\:h-full {
+    @media (width >= 64rem) {
+      height: 100%;
+    }
+  }
   .lg\:w-64 {
     @media (width >= 64rem) {
       width: calc(var(--spacing) * 64);
@@ -8661,6 +8838,11 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .lg\:flex-wrap {
     @media (width >= 64rem) {
       flex-wrap: wrap;
@@ -8686,6 +8868,11 @@
       justify-content: flex-start;
     }
   }
+  .lg\:gap-x-8 {
+    @media (width >= 64rem) {
+      column-gap: calc(var(--spacing) * 8);
+    }
+  }
   .lg\:space-x-6 {
     @media (width >= 64rem) {
       :where(& > :not(:last-child)) {
@@ -8719,6 +8906,11 @@
       padding: calc(var(--spacing) * 10);
     }
   }
+  .lg\:px-0 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:px-4 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 4);
@@ -8734,6 +8926,11 @@
       padding-inline: calc(var(--spacing) * 12);
     }
   }
+  .lg\:pt-24 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 24);
+    }
+  }
   .lg\:pr-0 {
     @media (width >= 64rem) {
       padding-right: calc(var(--spacing) * 0);
@@ -8744,6 +8941,11 @@
       padding-right: calc(var(--spacing) * 12);
     }
   }
+  .lg\:pb-28 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 28);
+    }
+  }
   .lg\:pl-8 {
     @media (width >= 64rem) {
       padding-left: calc(var(--spacing) * 8);
@@ -8754,6 +8956,12 @@
       text-align: left;
     }
   }
+  .lg\:text-6xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+  }
   .lg\:text-sm {
     @media (width >= 64rem) {
       font-size: var(--text-sm);
@@ -8787,21 +8995,46 @@
       --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
     }
   }
+  .xl\:absolute {
+    @media (width >= 80rem) {
+      position: absolute;
+    }
+  }
   .xl\:sticky {
     @media (width >= 80rem) {
       position: sticky;
     }
   }
+  .xl\:inset-0 {
+    @media (width >= 80rem) {
+      inset: calc(var(--spacing) * 0);
+    }
+  }
   .xl\:top-0 {
     @media (width >= 80rem) {
       top: calc(var(--spacing) * 0);
     }
   }
+  .xl\:left-2\/3 {
+    @media (width >= 80rem) {
+      left: calc(2/3 * 100%);
+    }
+  }
+  .xl\:col-span-8 {
+    @media (width >= 80rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
   .xl\:-mr-6 {
     @media (width >= 80rem) {
       margin-right: calc(var(--spacing) * -6);
     }
   }
+  .xl\:mr-0 {
+    @media (width >= 80rem) {
+      margin-right: calc(var(--spacing) * 0);
+    }
+  }
   .xl\:block {
     @media (width >= 80rem) {
       display: block;
@@ -11735,115 +11968,6 @@ code.language-html .token.comment {
 .dark #carbonads .carbon-poweredby {
   --tw-bg-opacity: 1;
 }
-:root {
-  --scaling: 1;
-  --radius: 0.25rem;
-  --background: oklch(1 0 0);
-  --foreground: var(--color-grey-950);
-  --card: oklch(1 0 0);
-  --card-foreground: var(--color-grey-950);
-  --popover: oklch(1 0 0);
-  --popover-foreground: var(--color-grey-950);
-  --primary: var(--color-grey-850);
-  --primary-foreground: var(--color-grey-50);
-  --secondary: var(--color-grey-100);
-  --secondary-foreground: var(--color-grey-850);
-  --muted: var(--color-grey-100);
-  --muted-foreground: var(--color-grey-550);
-  --accent: var(--color-grey-100);
-  --accent-foreground: var(--color-grey-850);
-  --destructive: var(--color-danger-500);
-  --border: var(--color-grey-250);
-  --input: var(--color-grey-250);
-  --ring: var(--color-grey-450);
-  --chart-1: var(--color-primary-600);
-  --chart-2: var(--color-primary-400);
-  --chart-3: var(--color-primary-800);
-  --chart-4: var(--color-accent-400);
-  --chart-5: var(--color-accent-600);
-  --sidebar: var(--color-grey-50);
-  --sidebar-foreground: var(--color-grey-950);
-  --sidebar-primary: var(--color-grey-850);
-  --sidebar-primary-foreground: var(--color-grey-50);
-  --sidebar-accent: var(--color-grey-100);
-  --sidebar-accent-foreground: var(--color-grey-850);
-  --sidebar-border: var(--color-grey-250);
-  --sidebar-ring: var(--color-grey-450);
-}
-[data-theme=dark] {
-  --background: var(--color-grey-950);
-  --foreground: var(--color-grey-50);
-  --card: var(--color-grey-850);
-  --card-foreground: var(--color-grey-50);
-  --popover: var(--color-grey-850);
-  --popover-foreground: var(--color-grey-50);
-  --primary: var(--color-grey-250);
-  --primary-foreground: var(--color-grey-850);
-  --secondary: var(--color-grey-800);
-  --secondary-foreground: var(--color-grey-50);
-  --muted: var(--color-grey-800);
-  --muted-foreground: var(--color-grey-450);
-  --accent: var(--color-grey-800);
-  --accent-foreground: var(--color-grey-50);
-  --destructive: var(--color-danger-350);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: var(--color-grey-550);
-  --chart-1: var(--color-primary-600);
-  --chart-2: var(--color-primary-400);
-  --chart-3: var(--color-primary-800);
-  --chart-4: var(--color-accent-400);
-  --chart-5: var(--color-accent-600);
-  --sidebar: var(--color-grey-850);
-  --sidebar-foreground: var(--color-grey-50);
-  --sidebar-primary: var(--color-primary-600);
-  --sidebar-primary-foreground: var(--color-grey-50);
-  --sidebar-accent: var(--color-grey-800);
-  --sidebar-accent-foreground: var(--color-grey-50);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: var(--color-grey-550);
-}
-.prose {
-  --tw-prose-body: var(--color-grey-800);
-  --tw-prose-headings: var(--color-primary-800);
-  --tw-prose-lead: var(--color-grey-600);
-  --tw-prose-links: var(--color-primary-800);
-  --tw-prose-bold: var(--color-grey-900);
-  --tw-prose-counters: var(--color-grey-600);
-  --tw-prose-bullets: var(--color-grey-600);
-  --tw-prose-hr: var(--color-grey-200);
-  --tw-prose-quotes: var(--color-grey-900);
-  --tw-prose-quote-borders: var(--color-grey-200);
-  --tw-prose-captions: var(--color-grey-500);
-  --tw-prose-kbd: var(--color-grey-900);
-  --tw-prose-kbd-shadows: 14 17 19;
-  --tw-prose-code: var(--color-grey-900);
-  --tw-prose-pre-code: var(--color-grey-200);
-  --tw-prose-pre-bg: var(--color-grey-800);
-  --tw-prose-th-borders: var(--color-grey-300);
-  --tw-prose-td-borders: var(--color-grey-200);
-  --tw-prose-invert-body: var(--color-grey-300);
-  --tw-prose-invert-headings: var(--color-white);
-  --tw-prose-invert-lead: var(--color-grey-400);
-  --tw-prose-invert-links: var(--color-white);
-  --tw-prose-invert-bold: var(--color-white);
-  --tw-prose-invert-counters: var(--color-grey-400);
-  --tw-prose-invert-bullets: var(--color-grey-400);
-  --tw-prose-invert-hr: var(--color-grey-700);
-  --tw-prose-invert-quotes: var(--color-grey-100);
-  --tw-prose-invert-quote-borders: var(--color-grey-700);
-  --tw-prose-invert-captions: var(--color-grey-400);
-  --tw-prose-invert-kbd: var(--color-white);
-  --tw-prose-invert-kbd-shadows: 255 255 255;
-  --tw-prose-invert-code: var(--color-white);
-  --tw-prose-invert-pre-code: var(--color-grey-300);
-  --tw-prose-invert-pre-bg: color-mix(in srgb, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922), transparent 50%);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-prose-invert-pre-bg: color-mix(in oklch, var(--color-grey-900), transparent 50%);
-  }
-  --tw-prose-invert-th-borders: var(--color-grey-600);
-  --tw-prose-invert-td-borders: var(--color-grey-700);
-}
 :root {
   --font-size-1: calc(18px * var(--scaling));
   --font-size-2: calc(16px * var(--scaling));
@@ -11961,6 +12085,115 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+:root {
+  --scaling: 1;
+  --radius: 0.25rem;
+  --background: oklch(1 0 0);
+  --foreground: var(--color-grey-950);
+  --card: oklch(1 0 0);
+  --card-foreground: var(--color-grey-950);
+  --popover: oklch(1 0 0);
+  --popover-foreground: var(--color-grey-950);
+  --primary: var(--color-grey-850);
+  --primary-foreground: var(--color-grey-50);
+  --secondary: var(--color-grey-100);
+  --secondary-foreground: var(--color-grey-850);
+  --muted: var(--color-grey-100);
+  --muted-foreground: var(--color-grey-550);
+  --accent: var(--color-grey-100);
+  --accent-foreground: var(--color-grey-850);
+  --destructive: var(--color-danger-500);
+  --border: var(--color-grey-250);
+  --input: var(--color-grey-250);
+  --ring: var(--color-grey-450);
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-primary-400);
+  --chart-3: var(--color-primary-800);
+  --chart-4: var(--color-accent-400);
+  --chart-5: var(--color-accent-600);
+  --sidebar: var(--color-grey-50);
+  --sidebar-foreground: var(--color-grey-950);
+  --sidebar-primary: var(--color-grey-850);
+  --sidebar-primary-foreground: var(--color-grey-50);
+  --sidebar-accent: var(--color-grey-100);
+  --sidebar-accent-foreground: var(--color-grey-850);
+  --sidebar-border: var(--color-grey-250);
+  --sidebar-ring: var(--color-grey-450);
+}
+[data-theme=dark] {
+  --background: var(--color-grey-950);
+  --foreground: var(--color-grey-50);
+  --card: var(--color-grey-850);
+  --card-foreground: var(--color-grey-50);
+  --popover: var(--color-grey-850);
+  --popover-foreground: var(--color-grey-50);
+  --primary: var(--color-grey-250);
+  --primary-foreground: var(--color-grey-850);
+  --secondary: var(--color-grey-800);
+  --secondary-foreground: var(--color-grey-50);
+  --muted: var(--color-grey-800);
+  --muted-foreground: var(--color-grey-450);
+  --accent: var(--color-grey-800);
+  --accent-foreground: var(--color-grey-50);
+  --destructive: var(--color-danger-350);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: var(--color-grey-550);
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-primary-400);
+  --chart-3: var(--color-primary-800);
+  --chart-4: var(--color-accent-400);
+  --chart-5: var(--color-accent-600);
+  --sidebar: var(--color-grey-850);
+  --sidebar-foreground: var(--color-grey-50);
+  --sidebar-primary: var(--color-primary-600);
+  --sidebar-primary-foreground: var(--color-grey-50);
+  --sidebar-accent: var(--color-grey-800);
+  --sidebar-accent-foreground: var(--color-grey-50);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: var(--color-grey-550);
+}
+.prose {
+  --tw-prose-body: var(--color-grey-800);
+  --tw-prose-headings: var(--color-primary-800);
+  --tw-prose-lead: var(--color-grey-600);
+  --tw-prose-links: var(--color-primary-800);
+  --tw-prose-bold: var(--color-grey-900);
+  --tw-prose-counters: var(--color-grey-600);
+  --tw-prose-bullets: var(--color-grey-600);
+  --tw-prose-hr: var(--color-grey-200);
+  --tw-prose-quotes: var(--color-grey-900);
+  --tw-prose-quote-borders: var(--color-grey-200);
+  --tw-prose-captions: var(--color-grey-500);
+  --tw-prose-kbd: var(--color-grey-900);
+  --tw-prose-kbd-shadows: 14 17 19;
+  --tw-prose-code: var(--color-grey-900);
+  --tw-prose-pre-code: var(--color-grey-200);
+  --tw-prose-pre-bg: var(--color-grey-800);
+  --tw-prose-th-borders: var(--color-grey-300);
+  --tw-prose-td-borders: var(--color-grey-200);
+  --tw-prose-invert-body: var(--color-grey-300);
+  --tw-prose-invert-headings: var(--color-white);
+  --tw-prose-invert-lead: var(--color-grey-400);
+  --tw-prose-invert-links: var(--color-white);
+  --tw-prose-invert-bold: var(--color-white);
+  --tw-prose-invert-counters: var(--color-grey-400);
+  --tw-prose-invert-bullets: var(--color-grey-400);
+  --tw-prose-invert-hr: var(--color-grey-700);
+  --tw-prose-invert-quotes: var(--color-grey-100);
+  --tw-prose-invert-quote-borders: var(--color-grey-700);
+  --tw-prose-invert-captions: var(--color-grey-400);
+  --tw-prose-invert-kbd: var(--color-white);
+  --tw-prose-invert-kbd-shadows: 255 255 255;
+  --tw-prose-invert-code: var(--color-white);
+  --tw-prose-invert-pre-code: var(--color-grey-300);
+  --tw-prose-invert-pre-bg: color-mix(in srgb, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922), transparent 50%);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-prose-invert-pre-bg: color-mix(in oklch, var(--color-grey-900), transparent 50%);
+  }
+  --tw-prose-invert-th-borders: var(--color-grey-600);
+  --tw-prose-invert-td-borders: var(--color-grey-700);
+}
 @layer base {
   html {
     scroll-behavior: smooth;
@@ -11994,6 +12227,23 @@ body {
   --sidebar-border: hsl(240 3.7% 15.9%);
   --sidebar-ring: hsl(217.2 91.2% 59.8%);
 }
+.gradient-text {
+  background:
+    linear-gradient(
+      135deg,
+      #2563eb 0%,
+      #0ea5e9 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+.hover-lift {
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+.hover-lift:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);