@etus/tokens 0.1.0 → 0.1.2

package/dist/tokens.css

@@ -0,0 +1,3303 @@
+@import 'tailwindcss';
+
+/* ============================================
+   Seven Design System - Design Tokens
+   Generated by Style Dictionary
+   ============================================ */
+
+/* Light Theme & Global Tokens */
+:root {
+  --accent-foreground: oklch(26.88% 0.0527 163.85);
+  --accent: oklch(95.21% 0.0467 171.12);
+  --accordion-content-padding-bottom-lg: 24px;
+  --accordion-content-padding-bottom-md: 16px;
+  --accordion-content-padding-bottom-sm: 8px;
+  --accordion-icon-size: 16px;
+  --accordion-icon-transition-duration: 200ms;
+  --accordion-item-border-width: 1px;
+  --accordion-item-padding-x: 16px;
+  --accordion-item-radius: 0.5rem;
+  --accordion-root-gap: 8px;
+  --accordion-trigger-gap: 16px;
+  --accordion-trigger-padding-y-lg: 24px;
+  --accordion-trigger-padding-y-md: 16px;
+  --accordion-trigger-padding-y-sm: 8px;
+  --accordion-trigger-text-size-lg: 1rem;
+  --accordion-trigger-text-size-md: 0.875rem;
+  --accordion-trigger-text-size-sm: 0.75rem;
+  --alert-icon-size: 16px;
+  --alert-root-gap: 12px;
+  --alert-root-padding-x: 16px;
+  --alert-root-padding-y: 12px;
+  --alert-root-radius: 0.5rem;
+  --alert-variant-default-bg: oklch(100.00% 0.0000 0);
+  --alert-variant-default-border: oklch(92.19% 0.0000 0);
+  --alert-variant-default-fg: oklch(14.48% 0.0000 0);
+  --alert-variant-destructive-bg: oklch(100.00% 0.0000 0);
+  --alert-variant-destructive-border: oklch(57.71% 0.2152 27.33);
+  --alert-variant-destructive-fg: oklch(57.71% 0.2152 27.33);
+  --asset-manager-grid-columns: minmax(200px, 1fr);
+  --asset-manager-grid-gap: 16px;
+  --asset-manager-item-background: oklch(100.00% 0.0000 0);
+  --asset-manager-item-border: oklch(92.19% 0.0000 0);
+  --asset-manager-item-radius: 0.375rem;
+  --asset-manager-preview-background: oklch(97.02% 0.0000 0);
+  --asset-manager-preview-height: 150px;
+  --asset-manager-root-min-height-lg: 600px;
+  --autocomplete-content-bg: oklch(100.00% 0.0000 0);
+  --autocomplete-content-border: oklch(92.19% 0.0000 0);
+  --autocomplete-content-fg: oklch(14.48% 0.0000 0);
+  --autocomplete-content-margin-top: 4px;
+  --autocomplete-content-radius: 0.375rem;
+  --autocomplete-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --autocomplete-empty-fg: oklch(71.55% 0.0000 0);
+  --autocomplete-empty-padding: 8px;
+  --autocomplete-empty-text: 0.875rem;
+  --autocomplete-input-height-lg: 40px;
+  --autocomplete-input-height-md: 36px;
+  --autocomplete-input-height-sm: 32px;
+  --autocomplete-input-padding-x-lg: 14px;
+  --autocomplete-input-padding-x-md: 12px;
+  --autocomplete-input-padding-x-sm: 10px;
+  --autocomplete-input-padding-y-lg: 8px;
+  --autocomplete-input-padding-y-md: 8px;
+  --autocomplete-input-padding-y-sm: 4px;
+  --autocomplete-input-radius: 0.375rem;
+  --autocomplete-input-text-lg: 1rem;
+  --autocomplete-input-text-md: 0.875rem;
+  --autocomplete-input-text-sm: 0.875rem;
+  --autocomplete-item-highlighted-bg: oklch(95.21% 0.0467 171.12);
+  --autocomplete-item-highlighted-fg: oklch(26.88% 0.0527 163.85);
+  --autocomplete-item-padding-x: 8px;
+  --autocomplete-item-padding-y: 6px;
+  --autocomplete-item-radius: 0.125rem;
+  --autocomplete-item-text: 0.875rem;
+  --autocomplete-loading-fg: oklch(71.55% 0.0000 0);
+  --autocomplete-loading-padding: 8px;
+  --autocomplete-loading-text: 0.875rem;
+  --avatar-border-contrast: rgba(0, 0, 0, 0.08);
+  --avatar-fallback-bg-default: oklch(97.02% 0.0000 0);
+  --avatar-fallback-bg-destructive: oklch(57.71% 0.2152 27.33);
+  --avatar-fallback-bg-primary: oklch(81.75% 0.1821 159.79);
+  --avatar-fallback-bg-secondary: oklch(97.98% 0.0312 139.44);
+  --avatar-fallback-bg-success: oklch(62.71% 0.1699 149.21);
+  --avatar-fallback-bg-warning: oklch(68.06% 0.1423 75.83);
+  --avatar-fallback-text-default: oklch(71.55% 0.0000 0);
+  --avatar-fallback-text-destructive: oklch(100.00% 0.0000 0);
+  --avatar-fallback-text-primary: oklch(18.34% 0.0338 166.67);
+  --avatar-fallback-text-secondary: oklch(28.73% 0.0661 137.75);
+  --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
+  --avatar-fallback-text-warning: oklch(100.00% 0.0000 0);
+  --avatar-radius-circle: 9999px;
+  --avatar-radius-square: 0.375rem;
+  --avatar-size-2xl: 64px;
+  --avatar-size-default: 40px;
+  --avatar-size-lg: 48px;
+  --avatar-size-sm: 32px;
+  --avatar-size-xl: 56px;
+  --avatar-size-xs: 24px;
+  --avatar-text-2xl: 1.5rem;
+  --avatar-text-default: 1rem;
+  --avatar-text-lg: 1.125rem;
+  --avatar-text-sm: 0.875rem;
+  --avatar-text-xl: 1.25rem;
+  --avatar-text-xs: 0.75rem;
+  --background: oklch(100.00% 0.0000 0);
+  --badge-color-destructive-bg: oklch(57.71% 0.2152 27.33);
+  --badge-color-destructive-border: oklch(57.71% 0.2152 27.33);
+  --badge-color-destructive-fg: oklch(100.00% 0.0000 0);
+  --badge-color-outline-bg: transparent;
+  --badge-color-outline-border: oklch(92.19% 0.0000 0);
+  --badge-color-outline-fg: oklch(14.48% 0.0000 0);
+  --badge-color-primary-bg: oklch(81.75% 0.1821 159.79);
+  --badge-color-primary-border: oklch(81.75% 0.1821 159.79);
+  --badge-color-primary-fg: oklch(18.34% 0.0338 166.67);
+  --badge-color-secondary-bg: oklch(97.98% 0.0312 139.44);
+  --badge-color-secondary-border: oklch(92.19% 0.0000 0);
+  --badge-color-secondary-fg: oklch(28.73% 0.0661 137.75);
+  --badge-radius-default: 0.375rem;
+  --badge-radius-pill: 9999px;
+  --badge-size-lg-h: 28px;
+  --badge-size-lg-px: 12px;
+  --badge-size-lg-text: 0.875rem;
+  --badge-size-md-h: 24px;
+  --badge-size-md-px: 0.625rem;
+  --badge-size-md-text: 0.875rem;
+  --badge-size-sm-h: 22px;
+  --badge-size-sm-px: 8px;
+  --badge-size-sm-text: 0.75rem;
+  --banner-root-gap: 8px;
+  --banner-root-padding-x: 16px;
+  --banner-root-padding-y: 12px;
+  --banner-text-size: 0.875rem;
+  --base-black-20: oklch(0.00% 0.0000 0 / 20.0%);
+  --base-black-40: oklch(0.00% 0.0000 0 / 40.0%);
+  --base-black-60: oklch(0.00% 0.0000 0 / 60.0%);
+  --base-black-80: oklch(0.00% 0.0000 0 / 80.0%);
+  --base-black: oklch(0.00% 0.0000 0);
+  --base-transparent: oklch(0.00% 0.0000 0 / 0.0%);
+  --base-white: oklch(100.00% 0.0000 0);
+  --blue-100: oklch(93.19% 0.0316 255.59);
+  --blue-200: oklch(88.23% 0.0571 254.13);
+  --blue-300: oklch(80.91% 0.0956 251.81);
+  --blue-400: oklch(71.37% 0.1434 254.62);
+  --blue-500: oklch(62.31% 0.1880 259.81);
+  --blue-50: oklch(97.05% 0.0142 254.60);
+  --blue-600: oklch(54.61% 0.2152 262.88);
+  --blue-700: oklch(48.82% 0.2172 264.38);
+  --blue-800: oklch(42.44% 0.1809 265.64);
+  --blue-900: oklch(37.91% 0.1378 265.52);
+  --blue-950: oklch(28.23% 0.0874 267.94);
+  --border-semantic-default: oklch(92.19% 0.0000 0);
+  --border-semantic-disabled: oklch(92.19% 0.0000 0);
+  --border-semantic-error: oklch(63.68% 0.2078 25.33);
+  --border-semantic-focus: oklch(81.75% 0.1821 159.79);
+  --border-semantic-strong: oklch(71.55% 0.0000 0);
+  --border-semantic-subtle: oklch(97.02% 0.0000 0);
+  --border-semantic-success: oklch(62.71% 0.1699 149.21);
+  --border-semantic-warning: oklch(66.58% 0.1574 58.32);
+  --border: oklch(92.19% 0.0000 0);
+  --brand-accent-background: oklch(95.21% 0.0467 171.12);
+  --brand-accent-foreground: oklch(26.88% 0.0527 163.85);
+  --brand-green-dark: oklch(47.37% 0.1147 155.11);
+  --brand-green-light: oklch(91.50% 0.1458 137.94);
+  --brand-green-primary: oklch(88.23% 0.2057 138.41);
+  --brand-green-secondary: oklch(81.06% 0.2032 150.12);
+  --brand-green-soft: oklch(95.70% 0.0719 137.74);
+  --brand-neutral-black: oklch(19.53% 0.0020 106.58);
+  --brand-neutral-dark: oklch(36.32% 0.0034 106.57);
+  --brand-neutral-gray-01: oklch(53.41% 0.0078 97.45);
+  --brand-neutral-gray-02: oklch(64.69% 0.0077 88.67);
+  --brand-neutral-gray-03: oklch(79.33% 0.0065 75.40);
+  --brand-neutral-gray-04: oklch(87.07% 0.0047 78.30);
+  --brand-neutral-gray-05: oklch(93.45% 0.0058 84.57);
+  --brand-neutral-gray-06: oklch(96.11% 0.0041 91.45);
+  --brand-neutral-off-white: oklch(98.56% 0.0017 67.80);
+  --brand-primary-100: oklch(95.21% 0.0467 171.12);
+  --brand-primary-200: oklch(90.88% 0.0912 168.55);
+  --brand-primary-300: oklch(87.18% 0.1296 166.48);
+  --brand-primary-400: oklch(84.11% 0.1609 163.31);
+  --brand-primary-500: oklch(81.75% 0.1821 159.79);
+  --brand-primary-50: oklch(97.65% 0.0243 170.99);
+  --brand-primary-600: oklch(69.20% 0.1533 159.90);
+  --brand-primary-700: oklch(56.08% 0.1221 160.56);
+  --brand-primary-800: oklch(42.11% 0.0897 161.06);
+  --brand-primary-900: oklch(26.88% 0.0527 163.85);
+  --brand-primary-950: oklch(18.34% 0.0338 166.67);
+  --brand-primary-active: oklch(56.08% 0.1221 160.56);
+  --brand-primary-background: oklch(81.75% 0.1821 159.79);
+  --brand-primary-border: oklch(90.88% 0.0912 168.55);
+  --brand-primary-foreground: oklch(18.34% 0.0338 166.67);
+  --brand-primary-hover: oklch(69.20% 0.1533 159.90);
+  --brand-primary-subtle-foreground: oklch(56.08% 0.1221 160.56);
+  --brand-primary-subtle: oklch(97.65% 0.0243 170.99);
+  --brand-secondary-100: oklch(97.98% 0.0312 139.44);
+  --brand-secondary-200: oklch(94.80% 0.0824 139.21);
+  --brand-secondary-300: oklch(92.69% 0.1227 138.76);
+  --brand-secondary-400: oklch(89.58% 0.1950 137.90);
+  --brand-secondary-500: oklch(87.82% 0.2037 137.75);
+  --brand-secondary-50: oklch(98.93% 0.0139 138.71);
+  --brand-secondary-600: oklch(72.57% 0.1684 137.62);
+  --brand-secondary-700: oklch(58.24% 0.1354 137.66);
+  --brand-secondary-800: oklch(42.97% 0.0993 137.99);
+  --brand-secondary-900: oklch(28.73% 0.0661 137.75);
+  --brand-secondary-950: oklch(21.23% 0.0502 138.22);
+  --brand-secondary-active: oklch(58.24% 0.1354 137.66);
+  --brand-secondary-background: oklch(87.82% 0.2037 137.75);
+  --brand-secondary-blue-01: oklch(87.65% 0.0705 214.23);
+  --brand-secondary-blue-02: oklch(91.74% 0.0496 213.90);
+  --brand-secondary-blue-03: oklch(94.53% 0.0369 213.51);
+  --brand-secondary-border: oklch(94.80% 0.0824 139.21);
+  --brand-secondary-foreground: oklch(21.23% 0.0502 138.22);
+  --brand-secondary-green-01: oklch(89.98% 0.1534 125.85);
+  --brand-secondary-green-02: oklch(92.74% 0.1074 124.65);
+  --brand-secondary-green-03: oklch(95.61% 0.0839 124.49);
+  --brand-secondary-hover: oklch(72.57% 0.1684 137.62);
+  --brand-secondary-pink-01: oklch(83.87% 0.0897 344.52);
+  --brand-secondary-pink-02: oklch(90.22% 0.0546 343.48);
+  --brand-secondary-pink-03: oklch(93.10% 0.0406 343.74);
+  --brand-secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
+  --brand-secondary-subtle: oklch(98.93% 0.0139 138.71);
+  --brand-secondary-yellow-01: oklch(92.74% 0.1387 107.93);
+  --brand-secondary-yellow-02: oklch(95.38% 0.0993 106.91);
+  --brand-secondary-yellow-03: oklch(97.51% 0.0778 106.19);
+  --breadcrumb-ellipsis-size: 36px;
+  --breadcrumb-link-hover: oklch(14.48% 0.0000 0);
+  --breadcrumb-list-gap-default: 0.375rem;
+  --breadcrumb-list-gap-sm: 0.625rem;
+  --breadcrumb-list-text: oklch(71.55% 0.0000 0);
+  --breadcrumb-page-text: oklch(14.48% 0.0000 0);
+  --breadcrumb-separator-size: 0.875rem;
+  --breakpoint-2xl: 1440px;
+  --breakpoint-3xl: 1920px;
+  --breakpoint-4xl: 2560px;
+  --breakpoint-lg: 1024px;
+  --breakpoint-md: 768px;
+  --breakpoint-sm: 360px;
+  --breakpoint-xl: 1280px;
+  --breakpoint-xs: 320px;
+  --breakpoints-2xl: 1440px;
+  --breakpoints-3xl: 1920px;
+  --breakpoints-4xl: 2560px;
+  --breakpoints-sm: 360px;
+  --breakpoints-xs: 320px;
+  --button-disabled-bg: oklch(97.02% 0.0000 0);
+  --button-disabled-border: oklch(92.19% 0.0000 0);
+  --button-disabled-fg: oklch(71.55% 0.0000 0);
+  --button-group-item-background-active: oklch(97.02% 0.0000 0);
+  --button-group-item-background-hover: oklch(97.02% 0.0000 0);
+  --button-group-item-background: oklch(100.00% 0.0000 0);
+  --button-group-item-font-size: 0.875rem;
+  --button-group-item-font-weight: 600;
+  --button-group-item-gap: 8px;
+  --button-group-item-height: 40px;
+  --button-group-item-padding-x: 16px;
+  --button-group-item-padding-y: 8px;
+  --button-group-root-border-color: oklch(92.19% 0.0000 0);
+  --button-group-root-radius: 0.375rem;
+  --button-group-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --button-group-separator-color: oklch(92.19% 0.0000 0);
+  --button-link-color-fg-default: oklch(81.75% 0.1821 159.79);
+  --button-link-color-fg-hover: oklch(81.75% 0.1821 159.79);
+  --button-link-gray-fg-default: oklch(71.55% 0.0000 0);
+  --button-link-gray-fg-hover: oklch(14.48% 0.0000 0);
+  --button-primary-bg-default: oklch(81.75% 0.1821 159.79);
+  --button-primary-bg-hover: oklch(72.03% 0.1822 150.05);
+  --button-primary-border-default: oklch(81.75% 0.1821 159.79);
+  --button-primary-border-hover: oklch(72.03% 0.1822 150.05);
+  --button-primary-fg-default: oklch(18.34% 0.0338 166.67);
+  --button-radius-default: 6px;
+  --button-radius-full: 9999px;
+  --button-radius-lg: 8px;
+  --button-radius-sm: 4px;
+  --button-radius-xl: 10px;
+  --button-ring-brand: oklch(81.75% 0.1821 159.79);
+  --button-ring-gray: oklch(81.75% 0.1821 159.79);
+  --button-secondary-color-bg-default: oklch(87.87% 0.1277 154.40);
+  --button-secondary-color-bg-hover: oklch(85.41% 0.1543 153.03);
+  --button-secondary-color-border-default: oklch(85.41% 0.1543 153.03);
+  --button-secondary-color-border-hover: oklch(84.08% 0.1705 152.55);
+  --button-secondary-color-fg-default: oklch(64.44% 0.1647 149.79);
+  --button-secondary-color-fg-hover: oklch(56.61% 0.1469 149.54);
+  --button-secondary-gray-bg-default: oklch(100.00% 0.0000 0);
+  --button-secondary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
+  --button-secondary-gray-border-default: oklch(92.19% 0.0000 0);
+  --button-secondary-gray-border-hover: oklch(92.19% 0.0000 0);
+  --button-secondary-gray-fg-default: oklch(14.48% 0.0000 0);
+  --button-secondary-gray-fg-hover: oklch(26.88% 0.0527 163.85);
+  --button-shadow-default: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  --button-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --button-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --button-size-2xl-gap: 8px;
+  --button-size-2xl-h: 60px;
+  --button-size-2xl-leading: 28px;
+  --button-size-2xl-px: 40px;
+  --button-size-2xl-py: 16px;
+  --button-size-2xl-text: 18px;
+  --button-size-default-gap: 8px;
+  --button-size-default-h: 36px;
+  --button-size-default-leading: 20px;
+  --button-size-default-px: 16px;
+  --button-size-default-py: 8px;
+  --button-size-default-text: 14px;
+  --button-size-icon-2xl-size: 60px;
+  --button-size-icon-lg-size: 40px;
+  --button-size-icon-size: 36px;
+  --button-size-icon-sm-size: 32px;
+  --button-size-icon-xl-size: 48px;
+  --button-size-lg-gap: 8px;
+  --button-size-lg-h: 40px;
+  --button-size-lg-leading: 20px;
+  --button-size-lg-px: 32px;
+  --button-size-lg-py: 8px;
+  --button-size-lg-text: 14px;
+  --button-size-sm-gap: 6px;
+  --button-size-sm-h: 32px;
+  --button-size-sm-leading: 16px;
+  --button-size-sm-px: 12px;
+  --button-size-sm-py: 8px;
+  --button-size-sm-text: 12px;
+  --button-size-xl-gap: 8px;
+  --button-size-xl-h: 48px;
+  --button-size-xl-leading: 24px;
+  --button-size-xl-px: 32px;
+  --button-size-xl-py: 12px;
+  --button-size-xl-text: 16px;
+  --button-tertiary-color-bg-hover: oklch(97.02% 0.0000 0);
+  --button-tertiary-color-fg-default: oklch(81.75% 0.1821 159.79);
+  --button-tertiary-color-fg-hover: oklch(81.75% 0.1821 159.79);
+  --button-tertiary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
+  --button-tertiary-gray-fg-default: oklch(71.55% 0.0000 0);
+  --button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
+  --calendar-cell-gap: 0.125rem;
+  --calendar-cell-size: 36px;
+  --calendar-container-cell-size-default: 32px;
+  --calendar-container-cell-size-lg: 36px;
+  --calendar-container-cell-size-sm: 28px;
+  --calendar-container-padding: 12px;
+  --calendar-day-font-size: 14px;
+  --calendar-day-gap: 4px;
+  --calendar-day-size: auto;
+  --calendar-indicator-size: 4px;
+  --calendar-today-indicator-offset: 0.125rem;
+  --calendar-today-indicator-size: 4px;
+  --calendar-week-gap: 8px;
+  --calendar-weekday-font-size: 12px;
+  --calendar-weekday-height: 21px;
+  --callout-icon-gap: 12px;
+  --callout-icon-size: 16px;
+  --callout-root-border-width: 4px;
+  --callout-root-padding-lg: 24px;
+  --callout-root-padding-md: 16px;
+  --callout-root-padding-sm: 12px;
+  --callout-root-radius: 0.5rem;
+  --callout-text-lg: 1rem;
+  --callout-text-md: 0.875rem;
+  --callout-text-sm: 0.75rem;
+  --card-content-padding-x: 24px;
+  --card-description-color: oklch(71.55% 0.0000 0);
+  --card-description-text-size: 0.875rem;
+  --card-footer-padding-top: 24px;
+  --card-footer-padding-x: 24px;
+  --card-foreground: oklch(14.48% 0.0000 0);
+  --card-header-gap: 8px;
+  --card-header-padding-bottom: 24px;
+  --card-header-padding-x: 24px;
+  --card-root-background: oklch(100.00% 0.0000 0);
+  --card-root-border-width: 1px;
+  --card-root-foreground: oklch(14.48% 0.0000 0);
+  --card-root-gap: 24px;
+  --card-root-padding-y: 24px;
+  --card-root-radius: 0.75rem;
+  --card-root-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --card-root-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --card-root-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --card-title-weight: 600;
+  --card: oklch(100.00% 0.0000 0);
+  --carousel-button-offset: 48px;
+  --carousel-button-size: 32px;
+  --carousel-item-gap-default: 16px;
+  --carousel-item-gap-lg: 24px;
+  --carousel-item-gap-sm: 8px;
+  --chart-1: oklch(81.75% 0.1821 159.79);
+  --chart-2: oklch(66.68% 0.2591 322.15);
+  --chart-3: oklch(62.31% 0.1880 259.81);
+  --chart-4: oklch(86.06% 0.1731 91.94);
+  --chart-5: oklch(63.68% 0.2078 25.33);
+  --chart-indicator-dot-size: 10px;
+  --chart-indicator-line-width: 4px;
+  --chart-legend-gap: 16px;
+  --chart-legend-padding: 12px;
+  --chart-tooltip-bg: oklch(100.00% 0.0000 0);
+  --chart-tooltip-border: oklch(92.19% 0.0000 0);
+  --chart-tooltip-gap: 6px;
+  --chart-tooltip-min-width: 8rem;
+  --chart-tooltip-padding-x: 10px;
+  --chart-tooltip-padding-y: 6px;
+  --chart-tooltip-radius: 0.5rem;
+  --chart-tooltip-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --chart-tooltip-text: 0.75rem;
+  --checkbox-indicator-color: oklch(18.34% 0.0338 166.67);
+  --checkbox-root-bg-checked: oklch(81.75% 0.1821 159.79);
+  --checkbox-root-bg-default: oklch(100.00% 0.0000 0);
+  --checkbox-root-bg-disabled: oklch(97.02% 0.0000 0);
+  --checkbox-root-border-checked: oklch(81.75% 0.1821 159.79);
+  --checkbox-root-border-default: oklch(81.75% 0.1821 159.79);
+  --checkbox-root-border-focus: oklch(81.75% 0.1821 159.79);
+  --checkbox-root-radius: 0.375rem;
+  --checkbox-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --checkbox-size-lg: 24px;
+  --checkbox-size-md: 20px;
+  --checkbox-size-sm: 16px;
+  --color-chrome: oklch(81.75% 0.1821 159.79);
+  --color-desktop: oklch(81.75% 0.1821 159.79);
+  --color-edge: oklch(86.06% 0.1731 91.94);
+  --color-firefox: oklch(62.31% 0.1880 259.81);
+  --color-mobile: oklch(66.68% 0.2591 322.15);
+  --color-other: oklch(63.68% 0.2078 25.33);
+  --color-picker-content-gap: 12px;
+  --color-picker-content-padding: 12px;
+  --color-picker-content-width: 260px;
+  --color-picker-swatch-radius: 0.125rem;
+  --color-picker-swatch-size: 24px;
+  --color-picker-trigger-border: oklch(92.19% 0.0000 0);
+  --color-picker-trigger-radius: 0.375rem;
+  --color-picker-trigger-size: 32px;
+  --color-safari: oklch(66.68% 0.2591 322.15);
+  --combobox-content-bg: oklch(100.00% 0.0000 0);
+  --combobox-content-border: oklch(92.19% 0.0000 0);
+  --combobox-content-fg: oklch(14.48% 0.0000 0);
+  --combobox-content-min-width: 8rem;
+  --combobox-content-radius: 0.375rem;
+  --combobox-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --combobox-item-focus-bg: oklch(95.21% 0.0467 171.12);
+  --combobox-item-focus-fg: oklch(26.88% 0.0527 163.85);
+  --combobox-item-padding-x: 8px;
+  --combobox-item-padding-y: 6px;
+  --combobox-item-radius: 0.125rem;
+  --combobox-item-text: 0.875rem;
+  --combobox-trigger-border-default: oklch(92.19% 0.0000 0);
+  --combobox-trigger-border-focus: oklch(81.75% 0.1821 159.79);
+  --combobox-trigger-gap: 8px;
+  --combobox-trigger-height-lg: 40px;
+  --combobox-trigger-height-md: 36px;
+  --combobox-trigger-height-sm: 32px;
+  --combobox-trigger-padding-x-lg: 14px;
+  --combobox-trigger-padding-x-md: 12px;
+  --combobox-trigger-padding-x-sm: 10px;
+  --combobox-trigger-padding-y-lg: 8px;
+  --combobox-trigger-padding-y-md: 8px;
+  --combobox-trigger-padding-y-sm: 4px;
+  --combobox-trigger-radius: 0.375rem;
+  --combobox-trigger-text-lg: 1rem;
+  --combobox-trigger-text-md: 0.875rem;
+  --combobox-trigger-text-sm: 0.875rem;
+  --command-empty-padding-y-lg: 32px;
+  --command-empty-padding-y-md: 24px;
+  --command-empty-padding-y-sm: 16px;
+  --command-empty-text-size-lg: 1rem;
+  --command-empty-text-size-md: 0.875rem;
+  --command-empty-text-size-sm: 0.75rem;
+  --command-group-heading-padding-x-lg: 12px;
+  --command-group-heading-padding-x-md: 8px;
+  --command-group-heading-padding-x-sm: 0.375rem;
+  --command-group-heading-padding-y-lg: 8px;
+  --command-group-heading-padding-y-md: 0.375rem;
+  --command-group-heading-padding-y-sm: 4px;
+  --command-group-heading-text-size-lg: 0.875rem;
+  --command-group-heading-text-size-md: 0.75rem;
+  --command-group-heading-text-size-sm: 10px;
+  --command-group-padding: 4px;
+  --command-icon-size-lg: 20px;
+  --command-icon-size-md: 16px;
+  --command-icon-size-sm: 0.875rem;
+  --command-input-height-lg: 48px;
+  --command-input-height-md: 40px;
+  --command-input-height-sm: 32px;
+  --command-input-padding-y-lg: 16px;
+  --command-input-padding-y-md: 12px;
+  --command-input-padding-y-sm: 8px;
+  --command-input-text-size-lg: 1rem;
+  --command-input-text-size-md: 0.875rem;
+  --command-input-text-size-sm: 0.75rem;
+  --command-input-wrapper-border-width: 1px;
+  --command-input-wrapper-gap: 8px;
+  --command-input-wrapper-height-lg: 48px;
+  --command-input-wrapper-height-md: 36px;
+  --command-input-wrapper-height-sm: 32px;
+  --command-input-wrapper-padding-x: 12px;
+  --command-item-gap: 8px;
+  --command-item-icon-size-lg: 20px;
+  --command-item-icon-size-md: 16px;
+  --command-item-icon-size-sm: 0.875rem;
+  --command-item-padding-x-lg: 12px;
+  --command-item-padding-x-md: 8px;
+  --command-item-padding-x-sm: 0.375rem;
+  --command-item-padding-y-lg: 8px;
+  --command-item-padding-y-md: 0.375rem;
+  --command-item-padding-y-sm: 4px;
+  --command-item-radius: 0.125rem;
+  --command-item-text-size-lg: 1rem;
+  --command-item-text-size-md: 0.875rem;
+  --command-item-text-size-sm: 0.75rem;
+  --command-list-max-height-lg: 400px;
+  --command-list-max-height-md: 300px;
+  --command-list-max-height-sm: 200px;
+  --command-list-padding-y: 4px;
+  --command-separator-height: 1px;
+  --command-separator-margin-x: -4px;
+  --command-separator-margin-y-lg: 0.375rem;
+  --command-separator-margin-y-md: 4px;
+  --command-separator-margin-y-sm: 0.125rem;
+  --command-shortcut-text-size-lg: 0.875rem;
+  --command-shortcut-text-size-md: 0.75rem;
+  --command-shortcut-text-size-sm: 10px;
+  --comment-system-actions-gap: 8px;
+  --comment-system-actions-margin-top: 8px;
+  --comment-system-item-background: oklch(100.00% 0.0000 0);
+  --comment-system-item-border: oklch(92.19% 0.0000 0);
+  --comment-system-item-gap: 12px;
+  --comment-system-item-padding: 16px;
+  --comment-system-item-radius: 0.375rem;
+  --comment-system-root-gap: 16px;
+  --context-menu-checkbox-size: 16px;
+  --context-menu-content-border-width: 1px;
+  --context-menu-content-min-width: 8rem;
+  --context-menu-content-padding: 4px;
+  --context-menu-content-radius: 0.375rem;
+  --context-menu-content-z-index: 50;
+  --context-menu-indicator-left: 8px;
+  --context-menu-indicator-size: 0.875rem;
+  --context-menu-item-gap: 8px;
+  --context-menu-item-icon-size: 16px;
+  --context-menu-item-inset-padding-left: 32px;
+  --context-menu-item-padding-x: 8px;
+  --context-menu-item-padding-y: 0.375rem;
+  --context-menu-item-radius: 0.125rem;
+  --context-menu-item-text-size: 0.875rem;
+  --context-menu-radio-size: 8px;
+  --context-menu-separator-height: 1px;
+  --context-menu-separator-margin-x: -4px;
+  --context-menu-separator-margin-y: 4px;
+  --context-menu-shortcut-text-size: 0.75rem;
+  --core-background-background: oklch(100.00% 0.0000 0);
+  --core-background-card-foreground: oklch(14.48% 0.0000 0);
+  --core-background-card: oklch(98.51% 0.0000 0);
+  --core-background-foreground: oklch(14.48% 0.0000 0);
+  --core-background-inversed-foreground: oklch(98.51% 0.0000 0);
+  --core-background-muted-foreground: oklch(55.55% 0.0000 0);
+  --core-background-muted: oklch(97.02% 0.0000 0);
+  --core-background-overlay: oklch(0.00% 0.0000 0 / 60.0%);
+  --core-background-popover-foreground: oklch(20.46% 0.0000 0);
+  --core-background-popover: oklch(100.00% 0.0000 0);
+  --core-background-surface-foreground: oklch(26.86% 0.0000 0);
+  --core-background-surface: oklch(98.51% 0.0000 0);
+  --core-border-border: oklch(92.19% 0.0000 0);
+  --core-border-input: oklch(92.19% 0.0000 0);
+  --core-border-ring: oklch(81.75% 0.1821 159.79);
+  --datatable-column-menu-trigger-size: 16px;
+  --datatable-error-state-icon-color: oklch(57.71% 0.2152 27.33);
+  --datatable-error-state-icon-size: 24px;
+  --datatable-header-padding-y-comfortable: 16px;
+  --datatable-header-padding-y-compact: 4px;
+  --datatable-header-padding-y-default: 12px;
+  --datatable-pagination-info-color: oklch(71.55% 0.0000 0);
+  --datatable-pagination-info-size: 0.875rem;
+  --datatable-pagination-padding-x: 8px;
+  --datatable-row-bg-highlighted: oklch(81.75% 0.1821 159.79);
+  --datatable-row-bg-hover: oklch(97.02% 0.0000 0);
+  --datatable-row-bg-selected: oklch(97.02% 0.0000 0);
+  --datatable-row-padding-y-comfortable: 16px;
+  --datatable-row-padding-y-compact: 4px;
+  --datatable-row-padding-y-default: 8px;
+  --datatable-sort-badge-bg: oklch(81.75% 0.1821 159.79);
+  --datatable-sort-badge-fg: oklch(18.34% 0.0338 166.67);
+  --datatable-sort-badge-font-size: 0.625rem;
+  --datatable-sort-badge-size: 14px;
+  --datatable-toolbar-gap: 8px;
+  --datatable-toolbar-search-icon-color: oklch(71.55% 0.0000 0);
+  --datatable-toolbar-search-icon-left: 12px;
+  --datatable-toolbar-search-icon-size: 1rem;
+  --datatable-toolbar-search-icon-top: 50%;
+  --datatable-toolbar-search-input-padding-left: 36px;
+  --date-picker-footer-gap: 8px;
+  --date-picker-footer-padding: 12px;
+  --date-picker-preset-item-height: 32px;
+  --date-picker-preset-min-width: 140px;
+  --date-picker-trigger-height-lg: 44px;
+  --date-picker-trigger-height-md: 40px;
+  --date-picker-trigger-height-sm: 36px;
+  --date-picker-trigger-min-width: 200px;
+  --date-picker-trigger-padding-x-lg: 0.875rem;
+  --date-picker-trigger-padding-x-md: 12px;
+  --date-picker-trigger-padding-x-sm: 0.625rem;
+  --date-picker-trigger-padding-y-lg: 0.625rem;
+  --date-picker-trigger-padding-y-md: 8px;
+  --date-picker-trigger-padding-y-sm: 6px;
+  --date-picker-trigger-text-lg: 16px;
+  --date-picker-trigger-text-md: 14px;
+  --date-picker-trigger-text-sm: 12px;
+  --date-range-picker-calendar-gap: 16px;
+  --date-range-picker-trigger-gap: 8px;
+  --date-range-picker-trigger-padding-x: 12px;
+  --date-range-picker-trigger-width: 300px;
+  --destructive-border: oklch(63.68% 0.2078 25.33);
+  --destructive-foreground: oklch(100.00% 0.0000 0);
+  --destructive-subtle-fg: oklch(50.54% 0.1905 27.52);
+  --destructive-subtle: oklch(97.05% 0.0129 17.38);
+  --destructive: oklch(57.71% 0.2152 27.33);
+  --disabled-background: oklch(92.19% 0.0000 0);
+  --disabled-border: oklch(92.19% 0.0000 0);
+  --disabled-foreground: oklch(71.55% 0.0000 0);
+  --disabled: oklch(97.02% 0.0000 0);
+  --divider-color-default: oklch(92.19% 0.0000 0);
+  --divider-color-dual: oklch(92.19% 0.0000 0);
+  --divider-content-bg-default: oklch(100.00% 0.0000 0);
+  --divider-content-bg-fill: oklch(97.98% 0.0312 139.44);
+  --divider-content-text-default: oklch(71.55% 0.0000 0);
+  --divider-content-text-heading: oklch(14.48% 0.0000 0);
+  --drag-and-drop-draggable-opacity-dragging: 0.5;
+  --drag-and-drop-droppable-background-active: oklch(81.75% 0.1821 159.79);
+  --drag-and-drop-droppable-background-opacity: 0.05;
+  --drag-and-drop-droppable-border-active: oklch(81.75% 0.1821 159.79);
+  --drag-and-drop-handle-color-hover: oklch(14.48% 0.0000 0);
+  --drag-and-drop-handle-color: oklch(71.55% 0.0000 0);
+  --drag-and-drop-handle-padding: 8px;
+  --drag-and-drop-overlay-background: oklch(100.00% 0.0000 0);
+  --drag-and-drop-overlay-radius: 0.375rem;
+  --drag-and-drop-overlay-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --drawer-content-bg: oklch(100.00% 0.0000 0);
+  --drawer-content-border: oklch(92.19% 0.0000 0);
+  --drawer-content-radius: 0.75rem;
+  --drawer-footer-gap: 8px;
+  --drawer-footer-padding: 16px;
+  --drawer-handle-bg: oklch(97.02% 0.0000 0);
+  --drawer-handle-height: 8px;
+  --drawer-handle-margin-top: 16px;
+  --drawer-handle-width: 96px;
+  --drawer-header-gap: 8px;
+  --drawer-header-padding: 16px;
+  --drawer-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
+  --dropdown-menu-checkbox-size: 16px;
+  --dropdown-menu-content-border-width: 1px;
+  --dropdown-menu-content-min-width: 8rem;
+  --dropdown-menu-content-padding: 4px;
+  --dropdown-menu-content-radius: 0.375rem;
+  --dropdown-menu-content-z-index: 50;
+  --dropdown-menu-indicator-left: 8px;
+  --dropdown-menu-indicator-size: 0.875rem;
+  --dropdown-menu-item-gap: 8px;
+  --dropdown-menu-item-icon-size: 16px;
+  --dropdown-menu-item-inset-padding-left: 32px;
+  --dropdown-menu-item-padding-x: 8px;
+  --dropdown-menu-item-padding-y: 0.375rem;
+  --dropdown-menu-item-radius: 0.125rem;
+  --dropdown-menu-item-text-size: 0.875rem;
+  --dropdown-menu-radio-size: 8px;
+  --dropdown-menu-separator-height: 1px;
+  --dropdown-menu-separator-margin-x: -4px;
+  --dropdown-menu-separator-margin-y: 4px;
+  --dropdown-menu-shortcut-text-size: 0.75rem;
+  --duration-fast: 100ms;
+  --duration-instant: 0ms;
+  --duration-moderate: 300ms;
+  --duration-normal: 200ms;
+  --duration-slow: 300ms;
+  --duration-slower: 500ms;
+  --duration-slowest: 700ms;
+  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-linear: cubic-bezier(0, 0, 1, 1);
+  --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-spring: cubic-bezier(0.36, 1.56, 0.64, 1);
+  --easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --easing-in: cubic-bezier(0.4, 0, 1, 1);
+  --easing-out: cubic-bezier(0, 0, 0.2, 1);
+  --easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
+  --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
+  --empty-state-media-icon-icon-size: 24px;
+  --empty-state-media-icon-radius: 0.5rem;
+  --empty-state-media-icon-size: 40px;
+  --event-calendar-root-min-height-full: 500px;
+  --event-calendar-root-min-height-lg: 600px;
+  --event-calendar-root-min-height-md: 500px;
+  --extended-chart-1: oklch(81.75% 0.1821 159.79);
+  --extended-chart-2: oklch(65.95% 0.2608 320.32);
+  --extended-chart-3: oklch(62.31% 0.1880 259.81);
+  --extended-chart-4: oklch(79.52% 0.1617 86.05);
+  --extended-chart-5: oklch(63.68% 0.2078 25.33);
+  --feed-content-description-color: oklch(71.55% 0.0000 0);
+  --feed-content-description-size: 0.875rem;
+  --feed-content-title-weight: 500;
+  --feed-icon-background: oklch(97.02% 0.0000 0);
+  --feed-icon-color: oklch(71.55% 0.0000 0);
+  --feed-icon-radius: 9999px;
+  --feed-icon-size: 32px;
+  --feed-item-background-active: oklch(97.02% 0.0000 0);
+  --feed-item-background-highlight: oklch(100.00% 0.0000 0 / 94.9%);
+  --feed-item-border-color: oklch(92.19% 0.0000 0);
+  --feed-item-gap: 12px;
+  --feed-item-padding-x: 16px;
+  --feed-item-padding-y: 16px;
+  --feed-item-radius: 0.375rem;
+  --feed-root-gap: 16px;
+  --feed-timestamp-color: oklch(71.55% 0.0000 0);
+  --feed-timestamp-size: 0.75rem;
+  --file-upload-dropzone-background-hover: oklch(95.21% 0.0467 171.12);
+  --file-upload-dropzone-background: oklch(100.00% 0.0000 0);
+  --file-upload-dropzone-border-color: oklch(71.55% 0.0000 0);
+  --file-upload-dropzone-border-style: dashed;
+  --file-upload-dropzone-border-width: 2px;
+  --file-upload-dropzone-gap: 16px;
+  --file-upload-dropzone-padding: 40px;
+  --file-upload-dropzone-radius: 0.5rem;
+  --file-upload-icon-color: oklch(71.55% 0.0000 0);
+  --file-upload-icon-size: 40px;
+  --file-upload-item-border: oklch(92.19% 0.0000 0);
+  --file-upload-item-gap: 12px;
+  --file-upload-item-padding: 12px;
+  --file-upload-item-radius: 0.375rem;
+  --filter-builder-group-border-color: oklch(92.19% 0.0000 0);
+  --filter-builder-group-border-left-width: 2px;
+  --filter-builder-group-gap: 8px;
+  --filter-builder-group-margin-left: 16px;
+  --filter-builder-group-padding-left: 16px;
+  --filter-builder-row-gap: 8px;
+  --filter-builder-row-padding-y: 8px;
+  --focus-ring-color: oklch(81.75% 0.1821 159.79);
+  --focus-ring-destructive-color: oklch(50.54% 0.1905 27.52);
+  --focus-ring-destructive-shadow: 0 0 0 2px #b91c1c40;
+  --focus-ring-ghost-color: oklch(92.19% 0.0000 0);
+  --focus-ring-ghost-shadow: 0 0 0 2px #e5e5e540;
+  --focus-ring-offset: 2px;
+  --focus-ring-outline-color: oklch(81.75% 0.1821 159.79);
+  --focus-ring-outline-shadow: 0 0 0 2px #19e69940;
+  --focus-ring-primary-color: oklch(81.75% 0.1821 159.79);
+  --focus-ring-primary-shadow: 0 0 0 2px #19e69940;
+  --focus-ring-secondary-color: oklch(58.24% 0.1354 137.66);
+  --focus-ring-secondary-shadow: 0 0 0 2px #508d3740;
+  --focus-ring-width: 2px;
+  --font-leading-loose: 2;
+  --font-leading-none: 1;
+  --font-leading-normal: 1.5;
+  --font-leading-relaxed: 1.625;
+  --font-leading-snug: 1.375;
+  --font-leading-tight: 1.25;
+  --font-tracking-normal: 0em;
+  --font-tracking-tight: -0.025em;
+  --font-tracking-tighter: -0.05em;
+  --font-tracking-wide: 0.025em;
+  --font-tracking-wider: 0.05em;
+  --font-tracking-widest: 0.1em;
+  --font-weight-black: 900;
+  --font-weight-bold: 700;
+  --font-weight-extrabold: 800;
+  --font-weight-extralight: 200;
+  --font-weight-light: 300;
+  --font-weight-medium: 500;
+  --font-weight-normal: 400;
+  --font-weight-semibold: 600;
+  --font-weight-thin: 100;
+  --foreground: oklch(14.48% 0.0000 0);
+  --form-error-fg: oklch(57.71% 0.2152 27.33);
+  --form-error-size: 12px;
+  --form-error-weight: 500;
+  --form-helper-fg: oklch(71.55% 0.0000 0);
+  --form-helper-margin-top: 8px;
+  --form-helper-size: 12px;
+  --form-label-fg: oklch(14.48% 0.0000 0);
+  --form-label-size: 14px;
+  --form-label-weight: 500;
+  --fuchsia-100: oklch(92.74% 0.0464 317.08);
+  --fuchsia-200: oklch(86.29% 0.0932 318.07);
+  --fuchsia-300: oklch(79.32% 0.1454 318.64);
+  --fuchsia-400: oklch(72.33% 0.2034 319.49);
+  --fuchsia-500: oklch(65.95% 0.2608 320.32);
+  --fuchsia-50: oklch(96.70% 0.0213 316.46);
+  --fuchsia-600: oklch(55.67% 0.2346 320.38);
+  --fuchsia-700: oklch(45.62% 0.1930 320.21);
+  --fuchsia-800: oklch(35.68% 0.1512 320.61);
+  --fuchsia-900: oklch(24.61% 0.1035 320.37);
+  --fuchsia-950: oklch(19.86% 0.0826 320.14);
+  --green-100: oklch(96.24% 0.0434 156.74);
+  --green-200: oklch(92.50% 0.0806 155.99);
+  --green-300: oklch(87.12% 0.1363 154.45);
+  --green-400: oklch(80.03% 0.1821 151.71);
+  --green-500: oklch(72.27% 0.1920 149.58);
+  --green-50: oklch(98.19% 0.0181 155.83);
+  --green-600: oklch(62.71% 0.1699 149.21);
+  --green-700: oklch(52.73% 0.1371 150.07);
+  --green-800: oklch(44.79% 0.1083 151.33);
+  --green-900: oklch(39.25% 0.0896 152.54);
+  --green-950: oklch(26.64% 0.0628 152.93);
+  --heading-base-color: oklch(14.48% 0.0000 0);
+  --heading-base-font-family: Inter;
+  --heading-base-font-weight: 600;
+  --heading-base-letter-spacing: -0.025em;
+  --heading-base-scroll-margin: 80px;
+  --heading-color-default: oklch(14.48% 0.0000 0);
+  --heading-color-destructive: oklch(57.71% 0.2152 27.33);
+  --heading-color-muted: oklch(71.55% 0.0000 0);
+  --heading-color-primary: oklch(81.75% 0.1821 159.79);
+  --heading-size-2xl-font-size: 24px;
+  --heading-size-2xl-line-height: 32px;
+  --heading-size-3xl-font-size: 30px;
+  --heading-size-3xl-line-height: 36px;
+  --heading-size-4xl-font-size: 36px;
+  --heading-size-4xl-line-height: 40px;
+  --heading-size-base-font-size: 16px;
+  --heading-size-base-line-height: 24px;
+  --heading-size-lg-font-size: 18px;
+  --heading-size-lg-line-height: 28px;
+  --heading-size-sm-font-size: 14px;
+  --heading-size-sm-line-height: 20px;
+  --heading-size-xl-font-size: 20px;
+  --heading-size-xl-line-height: 28px;
+  --heading-weight-bold: 700;
+  --heading-weight-extrabold: 800;
+  --heading-weight-medium: 500;
+  --heading-weight-normal: 400;
+  --heading-weight-semibold: 600;
+  --hover-card-content-border-width: 1px;
+  --hover-card-content-padding-default: 16px;
+  --hover-card-content-padding-lg: 20px;
+  --hover-card-content-padding-sm: 12px;
+  --hover-card-content-radius: 0.375rem;
+  --hover-card-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --hover-card-content-width-default: 16rem;
+  --hover-card-content-width-lg: 20rem;
+  --hover-card-content-width-sm: 12rem;
+  --hover-card-content-z-index: 50;
+  --icon-color-default: currentColor;
+  --icon-color-destructive: oklch(57.71% 0.2152 27.33);
+  --icon-color-muted: oklch(71.55% 0.0000 0);
+  --icon-color-primary: oklch(81.75% 0.1821 159.79);
+  --icon-color-success: oklch(62.71% 0.1699 149.21);
+  --icon-color-warning: oklch(68.06% 0.1423 75.83);
+  --icon-size-2xl: 40px;
+  --icon-size-2xs: 10px;
+  --icon-size-3xl: 48px;
+  --icon-size-lg: 24px;
+  --icon-size-md: 20px;
+  --icon-size-sm: 16px;
+  --icon-size-xl: 32px;
+  --icon-size-xs: 12px;
+  --image-rounded-circle: 9999px;
+  --image-rounded-default: 0px;
+  --image-rounded-rounded: 0.375rem;
+  --image-size-lg: 96px;
+  --image-size-md: 64px;
+  --image-size-sm: 48px;
+  --image-size-xl: 128px;
+  --image-size-xs: 32px;
+  --image-skeleton-bg: oklch(97.02% 0.0000 0);
+  --info-border: oklch(62.31% 0.1880 259.81);
+  --info-foreground: oklch(100.00% 0.0000 0);
+  --info-subtle-fg: oklch(48.82% 0.2172 264.38);
+  --info-subtle: oklch(97.05% 0.0142 254.60);
+  --info: oklch(54.61% 0.2152 262.88);
+  --input-bg-default: oklch(100.00% 0.0000 0);
+  --input-bg-disabled: oklch(97.02% 0.0000 0);
+  --input-border-default: oklch(92.19% 0.0000 0);
+  --input-border-error: oklch(57.71% 0.2152 27.33);
+  --input-border-focus: oklch(81.75% 0.1821 159.79);
+  --input-border-width: 1px;
+  --input-fg-default: oklch(14.48% 0.0000 0);
+  --input-fg-disabled: oklch(71.55% 0.0000 0);
+  --input-fg-icon: oklch(71.55% 0.0000 0);
+  --input-fg-placeholder: oklch(71.55% 0.0000 0);
+  --input-icon-padding-lg: 44px;
+  --input-icon-padding-md: 40px;
+  --input-icon-padding-sm: 36px;
+  --input-icon-padding-xl: 48px;
+  --input-icon-padding-xs: 28px;
+  --input-icon-position-lg: 14px;
+  --input-icon-position-md: 12px;
+  --input-icon-position-sm: 10px;
+  --input-icon-position-xl: 16px;
+  --input-icon-position-xs: 8px;
+  --input-icon-size-lg: 20px;
+  --input-icon-size-md: 20px;
+  --input-icon-size-sm: 16px;
+  --input-icon-size-xl: 24px;
+  --input-icon-size-xs: 16px;
+  --input-otp-caret-color: oklch(14.48% 0.0000 0);
+  --input-otp-caret-height: 16px;
+  --input-otp-caret-width: 1px;
+  --input-otp-container-gap-lg: 8px;
+  --input-otp-container-gap-md: 8px;
+  --input-otp-container-gap-sm: 8px;
+  --input-otp-slot-active-border: oklch(81.75% 0.1821 159.79);
+  --input-otp-slot-active-ring: oklch(81.75% 0.1821 159.79);
+  --input-otp-slot-bg: oklch(100.00% 0.0000 0);
+  --input-otp-slot-border: oklch(92.19% 0.0000 0);
+  --input-otp-slot-size-lg-radius: 0.375rem;
+  --input-otp-slot-size-lg-size: 48px;
+  --input-otp-slot-size-lg-text: 1.125rem;
+  --input-otp-slot-size-md-radius: 0.375rem;
+  --input-otp-slot-size-md-size: 40px;
+  --input-otp-slot-size-md-text: 1rem;
+  --input-otp-slot-size-sm-radius: 0.375rem;
+  --input-otp-slot-size-sm-size: 36px;
+  --input-otp-slot-size-sm-text: 0.875rem;
+  --input-radius: 0.375rem;
+  --input-size-lg-h: 40px;
+  --input-size-lg-px: 0.875rem;
+  --input-size-lg-py: 0.375rem;
+  --input-size-lg-text: 1rem;
+  --input-size-md-h: 36px;
+  --input-size-md-px: 12px;
+  --input-size-md-py: 4px;
+  --input-size-md-text: 0.875rem;
+  --input-size-sm-h: 32px;
+  --input-size-sm-px: 0.625rem;
+  --input-size-sm-py: 4px;
+  --input-size-sm-text: 0.875rem;
+  --input-size-xl-h: 48px;
+  --input-size-xl-px: 16px;
+  --input-size-xl-py: 8px;
+  --input-size-xl-text: 1.125rem;
+  --input-size-xs-h: 28px;
+  --input-size-xs-px: 8px;
+  --input-size-xs-py: 2px;
+  --input-size-xs-text: 0.75rem;
+  --input: oklch(92.19% 0.0000 0);
+  --kanban-board-gap: 16px;
+  --kanban-board-height: 100%;
+  --kanban-board-padding: 16px;
+  --kanban-card-background: oklch(100.00% 0.0000 0);
+  --kanban-card-foreground: oklch(14.48% 0.0000 0);
+  --kanban-card-gap: 8px;
+  --kanban-card-padding: 12px;
+  --kanban-card-radius: 0.125rem;
+  --kanban-card-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --kanban-column-background: oklch(97.02% 0.0000 0);
+  --kanban-column-gap: 12px;
+  --kanban-column-padding: 12px;
+  --kanban-column-radius: 0.375rem;
+  --kanban-column-width: 300px;
+  --kbd-root-align-items: center;
+  --kbd-root-border-color: transparent;
+  --kbd-root-border-width: 1px;
+  --kbd-root-display: inline-flex;
+  --kbd-root-font-family: Inter;
+  --kbd-root-font-weight: 500;
+  --kbd-root-gap: 4px;
+  --kbd-root-justify-content: center;
+  --kbd-root-user-select: none;
+  --kbd-size-lg-border-radius: 8px;
+  --kbd-size-lg-font-size: 16px;
+  --kbd-size-lg-height: 28px;
+  --kbd-size-lg-min-width: 28px;
+  --kbd-size-lg-padding-x: 8px;
+  --kbd-size-md-border-radius: 6px;
+  --kbd-size-md-font-size: 14px;
+  --kbd-size-md-height: 24px;
+  --kbd-size-md-min-width: 24px;
+  --kbd-size-md-padding-x: 6px;
+  --kbd-size-sm-border-radius: 4px;
+  --kbd-size-sm-font-size: 12px;
+  --kbd-size-sm-height: 20px;
+  --kbd-size-sm-min-width: 20px;
+  --kbd-size-sm-padding-x: 4px;
+  --kbd-size-xs-border-radius: 2px;
+  --kbd-size-xs-font-size: 10px;
+  --kbd-size-xs-height: 16px;
+  --kbd-size-xs-min-width: 16px;
+  --kbd-size-xs-padding-x: 2px;
+  --kbd-variant-default-background: oklch(97.02% 0.0000 0);
+  --kbd-variant-default-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-ghost-background: transparent;
+  --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-outline-background: transparent;
+  --kbd-variant-outline-border-color: oklch(92.19% 0.0000 0);
+  --kbd-variant-outline-color: oklch(14.48% 0.0000 0);
+  --kpi-card-sparkline-down: oklch(57.71% 0.2152 27.33);
+  --kpi-card-sparkline-neutral: oklch(71.55% 0.0000 0);
+  --kpi-card-sparkline-opacity: 0.6;
+  --kpi-card-sparkline-up: oklch(62.71% 0.1699 149.21);
+  --kpi-card-trend-down: oklch(57.71% 0.2152 27.33);
+  --kpi-card-trend-neutral: oklch(71.55% 0.0000 0);
+  --kpi-card-trend-up: oklch(62.71% 0.1699 149.21);
+  --kpi-card-value-size-lg: 2.25rem;
+  --kpi-card-value-size-md: 1.875rem;
+  --kpi-card-value-size-sm: 1.5rem;
+  --kpi-card-value-weight: 700;
+  --label-disabled-cursor: not-allowed;
+  --label-disabled-opacity: 0.5;
+  --label-optional-color: oklch(71.55% 0.0000 0);
+  --label-optional-font-weight: 400;
+  --label-required-color: oklch(57.71% 0.2152 27.33);
+  --label-root-align-items: center;
+  --label-root-display: flex;
+  --label-root-font-size: 14px;
+  --label-root-font-weight: 500;
+  --label-root-gap: 8px;
+  --label-root-line-height: 1;
+  --label-root-user-select: none;
+  --layout-breakpoint-desktop: 1280px;
+  --layout-breakpoint-mobile: 768px;
+  --layout-breakpoint-tablet: 1024px;
+  --layout-container-2xl: 1536px;
+  --layout-container-lg: 1024px;
+  --layout-container-md: 768px;
+  --layout-container-sm: 640px;
+  --layout-container-xl: 1280px;
+  --layout-content-max-width-lg: 1024px;
+  --layout-content-max-width-md: 768px;
+  --layout-content-max-width-sm: 640px;
+  --layout-content-max-width-xl: 1280px;
+  --layout-content-padding-lg: 32px;
+  --layout-content-padding-md: 24px;
+  --layout-content-padding-sm: 16px;
+  --layout-grid-columns-lg: 12;
+  --layout-grid-columns-md: 8;
+  --layout-grid-columns-sm: 4;
+  --layout-grid-columns-xl: 12;
+  --layout-grid-gutter-lg: 32px;
+  --layout-grid-gutter-md: 24px;
+  --layout-grid-gutter-sm: 16px;
+  --layout-grid-gutter-xl: 32px;
+  --layout-grid-margin-lg: 48px;
+  --layout-grid-margin-md: 32px;
+  --layout-grid-margin-sm: 16px;
+  --layout-grid-margin-xl: auto;
+  --layout-header-background: oklch(100.00% 0.0000 0);
+  --layout-header-border: oklch(92.19% 0.0000 0);
+  --layout-header-height: 56px;
+  --layout-rail-background: oklch(98.51% 0.0000 0);
+  --layout-rail-border: oklch(92.19% 0.0000 0);
+  --layout-rail-width: 48px;
+  --layout-sidebar-background: oklch(98.51% 0.0000 0);
+  --layout-sidebar-border: oklch(92.19% 0.0000 0);
+  --layout-sidebar-collapsed-width: 64px;
+  --layout-sidebar-width: 240px;
+  --lightbox-button-background-hover: oklch(100.00% 0.0000 0 / 80.0%);
+  --lightbox-button-background: oklch(100.00% 0.0000 0 / 90.2%);
+  --lightbox-button-color: oklch(100.00% 0.0000 0);
+  --lightbox-button-radius: 9999px;
+  --lightbox-button-size-lg: 48px;
+  --lightbox-button-size-sm: 40px;
+  --lightbox-content-background: transparent;
+  --lightbox-footer-gap: 12px;
+  --lightbox-footer-padding: 16px;
+  --lightbox-header-padding: 16px;
+  --lightbox-header-text-color: oklch(100.00% 0.0000 0);
+  --lightbox-overlay-background: oklch(100.00% 0.0000 0 / 10.2%);
+  --lightbox-thumbnail-gap: 8px;
+  --lightbox-thumbnail-opacity-inactive: 0.6;
+  --lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
+  --lightbox-thumbnail-size: 64px;
+  --link-color-default: oklch(81.75% 0.1821 159.79);
+  --link-color-muted: oklch(71.55% 0.0000 0);
+  --link-color-nav-hover: oklch(81.75% 0.1821 159.79);
+  --link-color-nav: oklch(14.48% 0.0000 0);
+  --link-color-subtle: oklch(14.48% 0.0000 0);
+  --link-text-default: 16px;
+  --link-text-lg: 18px;
+  --link-text-sm: 14px;
+  --link-text-xs: 12px;
+  --markdown-editor-area-background: transparent;
+  --markdown-editor-area-foreground: oklch(14.48% 0.0000 0);
+  --markdown-editor-area-padding: 16px;
+  --markdown-editor-help-code-bg: oklch(97.02% 0.0000 0);
+  --markdown-editor-help-code-padding-x: 0.375rem;
+  --markdown-editor-help-code-padding-y: 0.125rem;
+  --markdown-editor-preview-background: oklch(100.00% 0.0000 0);
+  --markdown-editor-preview-padding: 16px;
+  --markdown-editor-root-background: oklch(100.00% 0.0000 0);
+  --markdown-editor-root-border: oklch(92.19% 0.0000 0);
+  --markdown-editor-root-min-height: 200px;
+  --markdown-editor-root-radius: 0.375rem;
+  --markdown-editor-toolbar-background: oklch(97.02% 0.0000 0);
+  --markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
+  --markdown-editor-toolbar-gap: 4px;
+  --markdown-editor-toolbar-padding: 8px;
+  --menubar-checkbox-radius: 1px;
+  --menubar-checkbox-size: 16px;
+  --menubar-content-border-width: 1px;
+  --menubar-content-min-width: 12rem;
+  --menubar-content-padding: 4px;
+  --menubar-content-radius: 0.375rem;
+  --menubar-content-sub-min-width: 8rem;
+  --menubar-content-z-index: 50;
+  --menubar-indicator-left: 8px;
+  --menubar-indicator-size: 0.875rem;
+  --menubar-item-gap: 8px;
+  --menubar-item-icon-size: 16px;
+  --menubar-item-inset-padding-left: 32px;
+  --menubar-item-padding-x: 8px;
+  --menubar-item-padding-y: 0.375rem;
+  --menubar-item-radius: 0.125rem;
+  --menubar-item-text-size: 0.875rem;
+  --menubar-radio-radius: 1px;
+  --menubar-radio-size: 8px;
+  --menubar-root-border-width: 1px;
+  --menubar-root-gap: 4px;
+  --menubar-root-height: 36px;
+  --menubar-root-padding: 4px;
+  --menubar-root-radius: 0.375rem;
+  --menubar-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --menubar-separator-height: 1px;
+  --menubar-separator-margin-x: -4px;
+  --menubar-separator-margin-y: 4px;
+  --menubar-shortcut-text-size: 0.75rem;
+  --menubar-trigger-padding-x: 8px;
+  --menubar-trigger-padding-y: 4px;
+  --menubar-trigger-radius: 0.125rem;
+  --menubar-trigger-text-size: 0.875rem;
+  --modal-content-bg: oklch(100.00% 0.0000 0);
+  --modal-content-border: oklch(92.19% 0.0000 0);
+  --modal-content-gap: 16px;
+  --modal-content-max-width: 32rem;
+  --modal-content-padding: 24px;
+  --modal-content-radius: 0.5rem;
+  --modal-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --modal-footer-gap: 8px;
+  --modal-header-gap: 8px;
+  --modal-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
+  --multiselect-content-bg: oklch(100.00% 0.0000 0);
+  --multiselect-content-fg: oklch(14.48% 0.0000 0);
+  --multiselect-content-radius: 0.375rem;
+  --multiselect-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --multiselect-content-width: 200px;
+  --multiselect-empty-fg: oklch(71.55% 0.0000 0);
+  --multiselect-empty-padding-y: 24px;
+  --multiselect-empty-text: 0.875rem;
+  --multiselect-input-height: 36px;
+  --multiselect-input-padding-y: 12px;
+  --multiselect-input-text: 0.875rem;
+  --multiselect-item-padding-x: 8px;
+  --multiselect-item-padding-y: 6px;
+  --multiselect-item-radius: 0.125rem;
+  --multiselect-item-text: 0.875rem;
+  --multiselect-tag-bg: oklch(97.98% 0.0312 139.44);
+  --multiselect-tag-fg: oklch(28.73% 0.0661 137.75);
+  --multiselect-tag-padding-x-lg: 10px;
+  --multiselect-tag-padding-x-md: 8px;
+  --multiselect-tag-padding-x-sm: 6px;
+  --multiselect-tag-padding-y-lg: 4px;
+  --multiselect-tag-padding-y-md: 2px;
+  --multiselect-tag-padding-y-sm: 2px;
+  --multiselect-tag-radius: 0.375rem;
+  --multiselect-tag-text-lg: 0.875rem;
+  --multiselect-tag-text-md: 0.75rem;
+  --multiselect-tag-text-sm: 0.75rem;
+  --multiselect-trigger-min-height-lg: 40px;
+  --multiselect-trigger-min-height-md: 36px;
+  --multiselect-trigger-min-height-sm: 32px;
+  --multiselect-trigger-padding-x-lg: 14px;
+  --multiselect-trigger-padding-x-md: 12px;
+  --multiselect-trigger-padding-x-sm: 10px;
+  --multiselect-trigger-padding-y-lg: 8px;
+  --multiselect-trigger-padding-y-md: 8px;
+  --multiselect-trigger-padding-y-sm: 4px;
+  --multiselect-trigger-text-lg: 1rem;
+  --multiselect-trigger-text-md: 0.875rem;
+  --multiselect-trigger-text-sm: 0.875rem;
+  --multiselect-trigger-width: 200px;
+  --muted-foreground: oklch(71.55% 0.0000 0);
+  --muted: oklch(97.02% 0.0000 0);
+  --navbar-item-gap: 16px;
+  --navbar-root-background: oklch(100.00% 0.0000 0);
+  --navbar-root-border-color: oklch(92.19% 0.0000 0);
+  --navbar-root-border-width: 1px;
+  --navbar-root-height: 4rem;
+  --navbar-root-padding-x: 16px;
+  --navbar-root-padding-y: 8px;
+  --navigation-menu-content-bg: oklch(100.00% 0.0000 0);
+  --navigation-menu-content-text: oklch(14.48% 0.0000 0);
+  --navigation-menu-indicator-bg: oklch(92.19% 0.0000 0);
+  --navigation-menu-trigger-bg: oklch(100.00% 0.0000 0);
+  --navigation-menu-trigger-hover-bg: oklch(95.21% 0.0467 171.12);
+  --navigation-menu-trigger-hover-text: oklch(26.88% 0.0527 163.85);
+  --navigation-menu-viewport-bg: oklch(100.00% 0.0000 0);
+  --navigation-menu-viewport-text: oklch(14.48% 0.0000 0);
+  --neutral-100: oklch(97.02% 0.0000 0);
+  --neutral-200: oklch(92.19% 0.0000 0);
+  --neutral-300: oklch(86.99% 0.0000 0);
+  --neutral-400: oklch(71.55% 0.0000 0);
+  --neutral-500: oklch(55.55% 0.0000 0);
+  --neutral-50: oklch(98.51% 0.0000 0);
+  --neutral-600: oklch(43.86% 0.0000 0);
+  --neutral-700: oklch(37.15% 0.0000 0);
+  --neutral-800: oklch(26.86% 0.0000 0);
+  --neutral-900: oklch(20.46% 0.0000 0);
+  --neutral-950: oklch(14.48% 0.0000 0);
+  --notification-bg-hover: oklch(95.21% 0.0467 171.12);
+  --notification-bg-read: oklch(100.00% 0.0000 0);
+  --notification-bg-unread: oklch(95.21% 0.0467 171.12);
+  --notification-dot-color-default: oklch(81.75% 0.1821 159.79);
+  --notification-dot-color-error: oklch(57.71% 0.2152 27.33);
+  --notification-dot-color-info: oklch(54.61% 0.2152 262.88);
+  --notification-dot-color-success: oklch(62.71% 0.1699 149.21);
+  --notification-dot-color-warning: oklch(68.06% 0.1423 75.83);
+  --notification-dot-left: 6px;
+  --notification-dot-size: 8px;
+  --notification-dot-top: 16px;
+  --notification-root-gap: 12px;
+  --notification-root-padding: 12px;
+  --overlay: oklch(0.00% 0.0000 0 / 60.0%);
+  --pagination-button-gap: 4px;
+  --pagination-button-padding-x: 10px;
+  --pagination-content-gap: 4px;
+  --pagination-ellipsis-size: 36px;
+  --paragraph-base-font-family: Inter;
+  --paragraph-color-default: oklch(14.48% 0.0000 0);
+  --paragraph-color-destructive: oklch(57.71% 0.2152 27.33);
+  --paragraph-color-muted: oklch(71.55% 0.0000 0);
+  --paragraph-color-primary: oklch(81.75% 0.1821 159.79);
+  --paragraph-color-success: oklch(62.71% 0.1699 149.21);
+  --paragraph-size-base-font-size: 16px;
+  --paragraph-size-base-line-height: 24px;
+  --paragraph-size-lg-font-size: 18px;
+  --paragraph-size-lg-line-height: 28px;
+  --paragraph-size-sm-font-size: 14px;
+  --paragraph-size-sm-line-height: 20px;
+  --paragraph-size-xl-font-size: 20px;
+  --paragraph-size-xl-line-height: 28px;
+  --paragraph-size-xs-font-size: 12px;
+  --paragraph-size-xs-line-height: 16px;
+  --paragraph-spacing-none: 0;
+  --paragraph-spacing-normal: 16px;
+  --paragraph-spacing-relaxed: 24px;
+  --paragraph-spacing-tight: 8px;
+  --paragraph-weight-bold: 700;
+  --paragraph-weight-medium: 500;
+  --paragraph-weight-normal: 400;
+  --paragraph-weight-semibold: 600;
+  --payment-input-icon-color-active: oklch(14.48% 0.0000 0);
+  --payment-input-icon-color: oklch(71.55% 0.0000 0);
+  --payment-input-icon-left: 12px;
+  --payment-input-icon-size: 20px;
+  --payment-input-root-padding-left: 40px;
+  --phone-input-country-select-border-color: oklch(92.19% 0.0000 0);
+  --phone-input-country-select-border-right-width: 1px;
+  --phone-input-country-select-width: 100px;
+  --phone-input-flag-margin-right: 8px;
+  --phone-input-flag-size: 16px;
+  --popover-bg: oklch(100.00% 0.0000 0);
+  --popover-border: oklch(92.19% 0.0000 0);
+  --popover-content-background: oklch(100.00% 0.0000 0);
+  --popover-content-border-width: 1px;
+  --popover-content-foreground: oklch(14.48% 0.0000 0);
+  --popover-content-padding: 16px;
+  --popover-content-radius: 0.375rem;
+  --popover-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --popover-content-width: 18rem;
+  --popover-content-z-index: 50;
+  --popover-fg: oklch(14.48% 0.0000 0);
+  --popover-foreground: oklch(14.48% 0.0000 0);
+  --popover-radius: 0.375rem;
+  --popover: oklch(100.00% 0.0000 0);
+  --primary-active: oklch(56.08% 0.1221 160.56);
+  --primary-border: oklch(90.88% 0.0912 168.55);
+  --primary-foreground: oklch(18.34% 0.0338 166.67);
+  --primary-hover: oklch(69.20% 0.1533 159.90);
+  --primary-subtle-foreground: oklch(56.08% 0.1221 160.56);
+  --primary-subtle: oklch(97.65% 0.0243 170.99);
+  --primary: oklch(81.75% 0.1821 159.79);
+  --priority-high-bg: oklch(93% 0.10 55);
+  --priority-high-text: oklch(45% 0.15 55);
+  --priority-low-bg: oklch(95% 0.01 250);
+  --priority-low-text: oklch(55% 0.02 250);
+  --priority-medium-bg: oklch(93% 0.10 95);
+  --priority-medium-text: oklch(45% 0.15 95);
+  --priority-urgent-bg: oklch(93% 0.08 25);
+  --priority-urgent-text: oklch(45% 0.18 25);
+  --progress-bar-fill-color-default: oklch(62.71% 0.1699 149.21);
+  --progress-bar-fill-color-error: oklch(57.71% 0.2152 27.33);
+  --progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
+  --progress-bar-fill-color-warning: oklch(68.06% 0.1423 75.83);
+  --progress-bar-indicator-border-radius: 9999px;
+  --progress-bar-indicator-flex: 1;
+  --progress-bar-indicator-height: 100%;
+  --progress-bar-indicator-transition: all;
+  --progress-bar-indicator-width: 100%;
+  --progress-bar-label-position-bottom-color: oklch(71.55% 0.0000 0);
+  --progress-bar-label-position-bottom-margin-top: 0.375rem;
+  --progress-bar-label-position-floating-color: oklch(14.48% 0.0000 0);
+  --progress-bar-label-position-right-color: oklch(14.48% 0.0000 0);
+  --progress-bar-label-position-right-margin-left: 12px;
+  --progress-bar-label-text-font-size: 0.875rem;
+  --progress-bar-label-text-font-weight: 500;
+  --progress-bar-label-text-tabular-nums: tabular-nums;
+  --progress-bar-root-border-radius: 9999px;
+  --progress-bar-root-overflow: hidden;
+  --progress-bar-root-position: relative;
+  --progress-bar-root-width: 100%;
+  --progress-bar-size-lg-height: 12px;
+  --progress-bar-size-md-height: 8px;
+  --progress-bar-size-sm-height: 0.375rem;
+  --progress-bar-size-xl-height: 16px;
+  --progress-bar-size-xs-height: 4px;
+  --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-error: oklch(57.71% 0.2152 27.33);
+  --progress-bar-track-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-bar-track-color-success: oklch(62.71% 0.1699 149.21);
+  --progress-bar-track-color-warning: oklch(68.06% 0.1423 75.83);
+  --progress-circle-indicator-color-default: oklch(62.71% 0.1699 149.21);
+  --progress-circle-indicator-color-error: oklch(57.71% 0.2152 27.33);
+  --progress-circle-indicator-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
+  --progress-circle-indicator-color-warning: oklch(68.06% 0.1423 75.83);
+  --progress-circle-indicator-transition: all 300ms ease-out;
+  --progress-circle-label-color: oklch(71.55% 0.0000 0);
+  --progress-circle-size-lg-diameter: 280px;
+  --progress-circle-size-lg-stroke-width: 14px;
+  --progress-circle-size-md-diameter: 240px;
+  --progress-circle-size-md-stroke-width: 12px;
+  --progress-circle-size-sm-diameter: 200px;
+  --progress-circle-size-sm-stroke-width: 10px;
+  --progress-circle-size-xs-diameter: 160px;
+  --progress-circle-size-xs-stroke-width: 8px;
+  --progress-circle-size-xxs-diameter: 64px;
+  --progress-circle-size-xxs-stroke-width: 4px;
+  --progress-circle-track-color-default: oklch(97.02% 0.0000 0);
+  --progress-circle-track-color-error: oklch(57.71% 0.2152 27.33);
+  --progress-circle-track-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-circle-track-color-success: oklch(62.71% 0.1699 149.21);
+  --progress-circle-track-color-warning: oklch(68.06% 0.1423 75.83);
+  --progress-circle-value-color: oklch(14.48% 0.0000 0);
+  --progress-circle-value-font-weight: 600;
+  --radio-indicator-color: oklch(18.34% 0.0338 166.67);
+  --radio-indicator-size-lg: 12px;
+  --radio-indicator-size-md: 10px;
+  --radio-indicator-size-sm: 8px;
+  --radio-root-bg-checked: oklch(81.75% 0.1821 159.79);
+  --radio-root-bg-default: oklch(100.00% 0.0000 0);
+  --radio-root-bg-disabled: oklch(97.02% 0.0000 0);
+  --radio-root-border-checked: oklch(81.75% 0.1821 159.79);
+  --radio-root-border-default: oklch(81.75% 0.1821 159.79);
+  --radio-root-border-focus: oklch(81.75% 0.1821 159.79);
+  --radio-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --radio-root-size-lg: 24px;
+  --radio-root-size-md: 20px;
+  --radio-root-size-sm: 16px;
+  --radius-2xl: 20px;
+  --radius-3xl: 24px;
+  --radius-4xl: 32px;
+  --radius-full: 9999px;
+  --radius-lg: 12px;
+  --radius-md: 8px;
+  --radius-none: 0px;
+  --radius-pill: 999px;
+  --radius-sm: 4px;
+  --radius-xl: 16px;
+  --radius-xs: 2px;
+  --radius: 4px;
+  --rail-accent-foreground: oklch(26.88% 0.0527 163.85);
+  --rail-accent: oklch(95.21% 0.0467 171.12);
+  --rail-background: oklch(98.51% 0.0000 0);
+  --rail-border: oklch(92.19% 0.0000 0);
+  --rail-width: 3.5rem;
+  --rating-icon-color-empty: oklch(55.55% 0.0000 0);
+  --rating-icon-color-filled: oklch(68.06% 0.1423 75.83);
+  --rating-icon-size-lg: 24px;
+  --rating-icon-size-md: 20px;
+  --rating-icon-size-sm: 16px;
+  --rating-item-gap: 2px;
+  --red-100: oklch(93.56% 0.0309 17.72);
+  --red-200: oklch(88.45% 0.0593 18.33);
+  --red-300: oklch(80.77% 0.1035 19.57);
+  --red-400: oklch(71.06% 0.1661 22.22);
+  --red-500: oklch(63.68% 0.2078 25.33);
+  --red-50: oklch(97.05% 0.0129 17.38);
+  --red-600: oklch(57.71% 0.2152 27.33);
+  --red-700: oklch(50.54% 0.1905 27.52);
+  --red-800: oklch(44.37% 0.1613 26.90);
+  --red-900: oklch(39.58% 0.1331 25.72);
+  --red-950: oklch(25.75% 0.0886 26.04);
+  --report-generator-output-max-height-lg: 500px;
+  --report-generator-root-min-height-lg: 500px;
+  --resizable-handle-bg: oklch(92.19% 0.0000 0);
+  --resizable-handle-grip-bg: oklch(92.19% 0.0000 0);
+  --resizable-handle-grip-height: 16px;
+  --resizable-handle-grip-radius: 1px;
+  --resizable-handle-grip-width: 12px;
+  --resizable-handle-ring: oklch(81.75% 0.1821 159.79);
+  --resizable-handle-width-default: 1px;
+  --resizable-handle-width-vertical: 1px;
+  --rich-text-editor-content-min-height: 200px;
+  --rich-text-editor-content-padding: 16px;
+  --rich-text-editor-root-background: oklch(100.00% 0.0000 0);
+  --rich-text-editor-root-border: oklch(92.19% 0.0000 0);
+  --rich-text-editor-root-radius: 0.375rem;
+  --rich-text-editor-toolbar-background: oklch(97.02% 0.0000 0);
+  --rich-text-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
+  --rich-text-editor-toolbar-gap: 4px;
+  --rich-text-editor-toolbar-padding: 8px;
+  --ring-offset: oklch(100.00% 0.0000 0);
+  --ring: oklch(81.75% 0.1821 159.79);
+  --scroll-bar-thumb-bg: oklch(92.19% 0.0000 0);
+  --scroll-bar-width-default: 0.625rem;
+  --scroll-bar-width-thin: 0.375rem;
+  --scroll-bar-width-wide: 0.875rem;
+  --secondary-foreground: oklch(28.73% 0.0661 137.75);
+  --secondary-hover: oklch(94.80% 0.0824 139.21);
+  --secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
+  --secondary-subtle: oklch(98.93% 0.0139 138.71);
+  --secondary: oklch(97.98% 0.0312 139.44);
+  --section-content-gap: 16px;
+  --section-header-gap: 8px;
+  --section-header-margin-bottom: 16px;
+  --section-root-gap: 24px;
+  --section-root-padding-x: 24px;
+  --section-root-padding-y: 32px;
+  --select-content-bg: oklch(100.00% 0.0000 0);
+  --select-content-border: oklch(92.19% 0.0000 0);
+  --select-content-fg: oklch(14.48% 0.0000 0);
+  --select-content-min-width: 8rem;
+  --select-content-radius: 0.375rem;
+  --select-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --select-item-focus-bg: oklch(95.21% 0.0467 171.12);
+  --select-item-focus-fg: oklch(26.88% 0.0527 163.85);
+  --select-item-padding-l: 8px;
+  --select-item-padding-r: 32px;
+  --select-item-padding-y: 0.375rem;
+  --select-item-radius: 0.125rem;
+  --select-item-text: 0.875rem;
+  --select-trigger-height-lg: 40px;
+  --select-trigger-height-md: 36px;
+  --select-trigger-height-sm: 32px;
+  --select-trigger-padding-x-lg: 0.875rem;
+  --select-trigger-padding-x-md: 12px;
+  --select-trigger-padding-x-sm: 0.625rem;
+  --select-trigger-padding-y-lg: 8px;
+  --select-trigger-padding-y-md: 8px;
+  --select-trigger-padding-y-sm: 4px;
+  --select-trigger-text-lg: 1rem;
+  --select-trigger-text-md: 0.875rem;
+  --select-trigger-text-sm: 0.875rem;
+  --sheet-content-bg: oklch(100.00% 0.0000 0);
+  --sheet-content-border: oklch(92.19% 0.0000 0);
+  --sheet-content-max-height-lg: 600px;
+  --sheet-content-padding: 24px;
+  --sheet-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --sheet-content-width-default: 24rem;
+  --sheet-content-width-lg: 32rem;
+  --sheet-content-width-sm: 18rem;
+  --sheet-overlay-bg-blur: oklch(0.00% 0.0000 0 / 60.0%);
+  --sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 60.0%);
+  --sheet-overlay-bg-light: oklch(0.00% 0.0000 0 / 60.0%);
+  --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
+  --sidebar-accent: oklch(95.21% 0.0467 171.12);
+  --sidebar-background: oklch(98.51% 0.0000 0);
+  --sidebar-border: oklch(92.19% 0.0000 0);
+  --sidebar-foreground: oklch(20.46% 0.0000 0);
+  --sidebar-group-padding: 8px;
+  --sidebar-input-background: oklch(100.00% 0.0000 0);
+  --sidebar-input-border: oklch(92.19% 0.0000 0);
+  --sidebar-input-foreground: oklch(14.48% 0.0000 0);
+  --sidebar-input-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --sidebar-panel-width: 13.5rem;
+  --sidebar-width-icon: 3rem;
+  --sidebar-width-mobile: 18rem;
+  --sidebar-width: 16rem;
+  --single-stat-label-color: oklch(71.55% 0.0000 0);
+  --single-stat-label-size: 0.875rem;
+  --single-stat-label-weight: 500;
+  --single-stat-value-color: oklch(14.48% 0.0000 0);
+  --single-stat-value-size-lg: 2.25rem;
+  --single-stat-value-size-md: 1.5rem;
+  --single-stat-value-size-sm: 1.25rem;
+  --single-stat-value-size-xl: 3.75rem;
+  --single-stat-value-size-xs: 1.125rem;
+  --single-stat-value-weight: 700;
+  --skeleton-animation: pulse;
+  --skeleton-bg: oklch(97.02% 0.0000 0);
+  --skeleton-shape-circle-aspect-ratio: 1 / 1;
+  --skeleton-shape-circle-border-radius: 9999px;
+  --skeleton-shape-heading-border-radius: 0.25rem;
+  --skeleton-shape-heading-height: 28px;
+  --skeleton-shape-pill-border-radius: 9999px;
+  --skeleton-shape-rectangle-border-radius: 0.375rem;
+  --skeleton-shape-square-aspect-ratio: 1 / 1;
+  --skeleton-shape-square-border-radius: 0.375rem;
+  --skeleton-shape-text-border-radius: 0.25rem;
+  --skeleton-shape-text-height: 16px;
+  --skeleton-size-circle-lg: 48px;
+  --skeleton-size-circle-md: 40px;
+  --skeleton-size-circle-sm: 32px;
+  --skeleton-size-circle-xl: 64px;
+  --skeleton-size-circle-xs: 24px;
+  --skeleton-size-pill-lg-height: 32px;
+  --skeleton-size-pill-lg-width: 96px;
+  --skeleton-size-pill-md-height: 28px;
+  --skeleton-size-pill-md-width: 80px;
+  --skeleton-size-pill-sm-height: 24px;
+  --skeleton-size-pill-sm-width: 64px;
+  --skeleton-size-pill-xl-height: 36px;
+  --skeleton-size-pill-xl-width: 112px;
+  --skeleton-size-pill-xs-height: 20px;
+  --skeleton-size-pill-xs-width: 48px;
+  --skeleton-size-text-lg: 192px;
+  --skeleton-size-text-md: 128px;
+  --skeleton-size-text-sm: 96px;
+  --skeleton-size-text-xl: 256px;
+  --skeleton-size-text-xs: 64px;
+  --slider-range-bg-default: oklch(81.75% 0.1821 159.79);
+  --slider-thumb-bg: oklch(100.00% 0.0000 0);
+  --slider-thumb-border: oklch(81.75% 0.1821 159.79);
+  --slider-thumb-size-lg: 28px;
+  --slider-thumb-size-md: 24px;
+  --slider-thumb-size-sm: 20px;
+  --slider-track-bg: oklch(97.98% 0.0312 139.44);
+  --slider-track-height-lg: 10px;
+  --slider-track-height-md: 8px;
+  --slider-track-height-sm: 6px;
+  --spacer-size-2xl: 64px;
+  --spacer-size-lg: 32px;
+  --spacer-size-md: 24px;
+  --spacer-size-sm: 16px;
+  --spacer-size-xl: 48px;
+  --spacer-size-xs: 8px;
+  --spacing-12: 48px;
+  --spacing-16: 64px;
+  --spacing-1: 4px;
+  --spacing-20: 80px;
+  --spacing-24: 96px;
+  --spacing-2: 8px;
+  --spacing-32: 128px;
+  --spacing-40: 160px;
+  --spacing-48: 192px;
+  --spacing-4: 16px;
+  --spacing-56: 224px;
+  --spacing-64: 256px;
+  --spacing-8: 32px;
+  --spacing-none: 0px;
+  --spacing-s-12: 12px;
+  --spacing-s-16: 16px;
+  --spacing-s-1: 1px;
+  --spacing-s-20: 20px;
+  --spacing-s-24: 24px;
+  --spacing-s-2: 2px;
+  --spacing-s-32: 32px;
+  --spacing-s-40: 40px;
+  --spacing-s-48: 48px;
+  --spacing-s-4: 4px;
+  --spacing-s-56: 56px;
+  --spacing-s-64: 64px;
+  --spacing-s-8: 8px;
+  --spacing: 4px;
+  --spinner-color-current: currentColor;
+  --spinner-color-default: oklch(71.55% 0.0000 0);
+  --spinner-color-error: oklch(57.71% 0.2152 27.33);
+  --spinner-color-primary: oklch(81.75% 0.1821 159.79);
+  --spinner-color-secondary: oklch(28.73% 0.0661 137.75);
+  --spinner-color-success: oklch(62.71% 0.1699 149.21);
+  --spinner-color-warning: oklch(68.06% 0.1423 75.83);
+  --spinner-gradient-end: oklch(69.20% 0.1533 159.90);
+  --spinner-gradient-start: oklch(81.75% 0.1821 159.79);
+  --spinner-size-lg: 24px;
+  --spinner-size-md: 20px;
+  --spinner-size-sm: 16px;
+  --spinner-size-xl: 32px;
+  --spinner-size-xs: 12px;
+  --split-button-divider-color-contrast: oklch(100.00% 0.0000 0 / 80.0%);
+  --split-button-divider-color: oklch(92.19% 0.0000 0);
+  --split-button-trigger-padding-x: 8px;
+  --state-disabled-opacity: 0.38;
+  --state-focus-opacity: 0.12;
+  --state-hover-opacity: 0.08;
+  --state-pressed-opacity: 0.12;
+  --state-selected-opacity: 0.08;
+  --status-approved-bg: oklch(93% 0.08 145);
+  --status-approved-dot: oklch(55% 0.18 145);
+  --status-approved-text: oklch(40% 0.15 145);
+  --status-cancelled-bg: oklch(95% 0.01 250);
+  --status-cancelled-dot: oklch(70% 0.02 250);
+  --status-cancelled-text: oklch(65% 0.02 250);
+  --status-changes-requested-bg: oklch(93% 0.10 85);
+  --status-changes-requested-dot: oklch(70% 0.18 85);
+  --status-changes-requested-text: oklch(45% 0.15 85);
+  --status-destructive-background: oklch(63.68% 0.2078 25.33);
+  --status-destructive-border: oklch(88.45% 0.0593 18.33);
+  --status-destructive-foreground: oklch(100.00% 0.0000 0);
+  --status-destructive-hover: oklch(57.71% 0.2152 27.33);
+  --status-destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
+  --status-destructive-subtle: oklch(97.05% 0.0129 17.38);
+  --status-disabled-border: oklch(86.99% 0.0000 0);
+  --status-disabled-disabled: oklch(97.02% 0.0000 0);
+  --status-disabled-foreground: oklch(71.55% 0.0000 0);
+  --status-escalated-bg: oklch(93% 0.10 55);
+  --status-escalated-dot: oklch(65% 0.20 55);
+  --status-escalated-text: oklch(45% 0.15 55);
+  --status-expired-bg: oklch(95% 0.01 250);
+  --status-expired-dot: oklch(70% 0.02 250);
+  --status-expired-text: oklch(60% 0.02 250);
+  --status-in-review-bg: oklch(93% 0.08 250);
+  --status-in-review-dot: oklch(60% 0.18 250);
+  --status-in-review-text: oklch(45% 0.15 250);
+  --status-indicator-dot-color-error: oklch(57.71% 0.2152 27.33);
+  --status-indicator-dot-color-info: oklch(54.61% 0.2152 262.88);
+  --status-indicator-dot-color-neutral: oklch(71.55% 0.0000 0);
+  --status-indicator-dot-color-success: oklch(62.71% 0.1699 149.21);
+  --status-indicator-dot-color-warning: oklch(68.06% 0.1423 75.83);
+  --status-indicator-dot-size-default: 10px;
+  --status-indicator-dot-size-lg: 12px;
+  --status-indicator-dot-size-sm: 8px;
+  --status-indicator-dot-size-xs: 6px;
+  --status-indicator-label-color: oklch(14.48% 0.0000 0);
+  --status-indicator-label-font-size: 0.875rem;
+  --status-indicator-label-gap: 8px;
+  --status-indicator-root-border-radius: 9999px;
+  --status-indicator-root-shrink: 0;
+  --status-info-background: oklch(54.61% 0.2152 262.88);
+  --status-info-border: oklch(88.23% 0.0571 254.13);
+  --status-info-foreground: oklch(100.00% 0.0000 0);
+  --status-info-subtle-foreground: oklch(48.82% 0.2172 264.38);
+  --status-info-subtle: oklch(97.05% 0.0142 254.60);
+  --status-pending-bg: oklch(95% 0.01 250);
+  --status-pending-dot: oklch(65% 0.02 250);
+  --status-pending-text: oklch(55% 0.02 250);
+  --status-rejected-bg: oklch(93% 0.08 25);
+  --status-rejected-dot: oklch(55% 0.22 25);
+  --status-rejected-text: oklch(45% 0.18 25);
+  --status-success-background: oklch(62.71% 0.1699 149.21);
+  --status-success-border: oklch(92.50% 0.0806 155.99);
+  --status-success-foreground: oklch(100.00% 0.0000 0);
+  --status-success-subtle-foreground: oklch(52.73% 0.1371 150.07);
+  --status-success-subtle: oklch(98.19% 0.0181 155.83);
+  --status-warning-background: oklch(86.06% 0.1731 91.94);
+  --status-warning-border: oklch(94.51% 0.1243 101.54);
+  --status-warning-foreground: oklch(100.00% 0.0000 0);
+  --status-warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
+  --status-warning-subtle: oklch(98.73% 0.0262 102.21);
+  --stepper-indicator-background-active: oklch(81.75% 0.1821 159.79);
+  --stepper-indicator-background-inactive: oklch(97.02% 0.0000 0);
+  --stepper-indicator-color-active: oklch(18.34% 0.0338 166.67);
+  --stepper-indicator-color-inactive: oklch(71.55% 0.0000 0);
+  --stepper-indicator-font-size: 0.875rem;
+  --stepper-indicator-radius: 9999px;
+  --stepper-indicator-size: 32px;
+  --stepper-item-gap: 8px;
+  --stepper-root-gap: 32px;
+  --stepper-separator-color-active: oklch(81.75% 0.1821 159.79);
+  --stepper-separator-color: oklch(97.02% 0.0000 0);
+  --stepper-separator-height: 2px;
+  --success-border: oklch(62.71% 0.1699 149.21);
+  --success-foreground: oklch(100.00% 0.0000 0);
+  --success-subtle-fg: oklch(52.73% 0.1371 150.07);
+  --success-subtle: oklch(98.19% 0.0181 155.83);
+  --success: oklch(62.71% 0.1699 149.21);
+  --surface-default: oklch(100.00% 0.0000 0);
+  --surface-disabled: oklch(97.02% 0.0000 0);
+  --surface-foreground: oklch(20.46% 0.0000 0);
+  --surface-hover: oklch(97.65% 0.0243 170.99);
+  --surface-overlay: oklch(100.00% 0.0000 0);
+  --surface-raised: oklch(100.00% 0.0000 0);
+  --surface-selected: oklch(97.65% 0.0243 170.99);
+  --surface-sunken: oklch(98.51% 0.0000 0);
+  --surface: oklch(98.51% 0.0000 0);
+  --switch-size-lg-h: 28px;
+  --switch-size-lg-w: 56px;
+  --switch-size-md-h: 24px;
+  --switch-size-md-w: 44px;
+  --switch-size-sm-h: 20px;
+  --switch-size-sm-w: 36px;
+  --switch-thumb-bg: oklch(100.00% 0.0000 0);
+  --switch-thumb-radius: 9999px;
+  --switch-thumb-size-lg: 24px;
+  --switch-thumb-size-md: 20px;
+  --switch-thumb-size-sm: 16px;
+  --switch-track-bg-disabled: oklch(97.02% 0.0000 0);
+  --switch-track-bg-off: oklch(92.19% 0.0000 0);
+  --switch-track-bg-on: oklch(81.75% 0.1821 159.79);
+  --switch-track-radius: 9999px;
+  --switch-track-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --table-caption-fg: oklch(71.55% 0.0000 0);
+  --table-caption-margin-top: 16px;
+  --table-caption-text: 0.875rem;
+  --table-cell-padding-comfortable-y: 16px;
+  --table-cell-padding-compact-y: 4px;
+  --table-cell-padding-default-y: 8px;
+  --table-cell-padding-x: 8px;
+  --table-cell-text: 0.875rem;
+  --table-footer-bg: oklch(97.02% 0.0000 0)/50;
+  --table-footer-border: oklch(92.19% 0.0000 0);
+  --table-header-bg: oklch(100.00% 0.0000 0);
+  --table-header-fg: oklch(71.55% 0.0000 0);
+  --table-header-height: 40px;
+  --table-header-padding-x: 8px;
+  --table-row-border: oklch(92.19% 0.0000 0);
+  --table-row-hover: oklch(97.02% 0.0000 0)/50;
+  --table-row-selected: oklch(97.02% 0.0000 0);
+  --table-row-striped: oklch(97.02% 0.0000 0)/30;
+  --tabs-list-bg: oklch(97.02% 0.0000 0);
+  --tabs-list-fg: oklch(71.55% 0.0000 0);
+  --tabs-list-height: 36px;
+  --tabs-list-padding: 4px;
+  --tabs-list-radius: 0.5rem;
+  --tabs-root-gap: 8px;
+  --tabs-trigger-active-bg: oklch(100.00% 0.0000 0);
+  --tabs-trigger-active-fg: oklch(14.48% 0.0000 0);
+  --tabs-trigger-active-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tabs-trigger-base-gap: 6px;
+  --tabs-trigger-base-padding-x: 8px;
+  --tabs-trigger-base-padding-y: 4px;
+  --tabs-trigger-base-radius: 0.125rem;
+  --tabs-trigger-base-text: 0.875rem;
+  --tabs-trigger-base-weight: 500;
+  --tabs-trigger-focus-ring: oklch(81.75% 0.1821 159.79);
+  --tabs-trigger-inactive-fg: oklch(14.48% 0.0000 0);
+  --tag-checkbox-bg-checked: oklch(81.75% 0.1821 159.79);
+  --tag-checkbox-bg-default: oklch(100.00% 0.0000 0);
+  --tag-checkbox-border-checked: oklch(81.75% 0.1821 159.79);
+  --tag-checkbox-border-default: oklch(92.19% 0.0000 0);
+  --tag-checkbox-text-checked: oklch(18.34% 0.0338 166.67);
+  --tag-color-bg-checked: oklch(97.02% 0.0000 0);
+  --tag-color-bg-default: oklch(100.00% 0.0000 0);
+  --tag-color-bg-hover: oklch(97.02% 0.0000 0);
+  --tag-color-border-checked: oklch(81.75% 0.1821 159.79);
+  --tag-color-border-default: oklch(92.19% 0.0000 0);
+  --tag-color-text-default: oklch(14.48% 0.0000 0);
+  --tag-size-checkbox-lg: 1.125rem;
+  --tag-size-checkbox-md: 16px;
+  --tag-size-checkbox-sm: 0.875rem;
+  --tag-size-count-height-lg: 20px;
+  --tag-size-count-height-md: 1.125rem;
+  --tag-size-count-height-sm: 16px;
+  --tag-size-count-min-width-lg: 20px;
+  --tag-size-count-min-width-md: 1.125rem;
+  --tag-size-count-min-width-sm: 16px;
+  --tag-size-count-text-lg: 0.75rem;
+  --tag-size-count-text-md: 0.75rem;
+  --tag-size-count-text-sm: 0.625rem;
+  --tag-size-gap-default: 6px;
+  --tag-size-height-lg: 32px;
+  --tag-size-height-md: 28px;
+  --tag-size-height-sm: 24px;
+  --tag-size-padding-x-lg: 12px;
+  --tag-size-padding-x-md: 10px;
+  --tag-size-padding-x-sm: 8px;
+  --tag-size-text-lg: 0.875rem;
+  --tag-size-text-md: 0.875rem;
+  --tag-size-text-sm: 0.75rem;
+  --tags-input-input-background: transparent;
+  --tags-input-root-background: oklch(100.00% 0.0000 0);
+  --tags-input-root-border: oklch(92.19% 0.0000 0);
+  --tags-input-root-gap: 8px;
+  --tags-input-root-min-height: 40px;
+  --tags-input-root-padding: 8px;
+  --tags-input-root-radius: 0.375rem;
+  --tags-input-tag-background: oklch(97.98% 0.0312 139.44);
+  --tags-input-tag-foreground: oklch(28.73% 0.0661 137.75);
+  --tags-input-tag-gap: 4px;
+  --tags-input-tag-radius: 0.125rem;
+  --task-status-backlog-bg: oklch(95% 0.01 250);
+  --task-status-backlog-dot: oklch(70% 0.02 250);
+  --task-status-backlog-text: oklch(60% 0.02 250);
+  --task-status-blocked-bg: oklch(93% 0.08 25);
+  --task-status-blocked-dot: oklch(55% 0.22 25);
+  --task-status-blocked-text: oklch(45% 0.18 25);
+  --task-status-done-bg: oklch(93% 0.08 145);
+  --task-status-done-dot: oklch(55% 0.18 145);
+  --task-status-done-text: oklch(40% 0.15 145);
+  --task-status-in-progress-bg: oklch(93% 0.08 250);
+  --task-status-in-progress-dot: oklch(60% 0.18 250);
+  --task-status-in-progress-text: oklch(45% 0.15 250);
+  --task-status-in-review-bg: oklch(93% 0.10 95);
+  --task-status-in-review-dot: oklch(70% 0.18 95);
+  --task-status-in-review-text: oklch(45% 0.15 95);
+  --task-status-todo-bg: oklch(92% 0.01 250);
+  --task-status-todo-dot: oklch(70% 0.02 250);
+  --task-status-todo-text: oklch(55% 0.02 250);
+  --text-color-default: oklch(14.48% 0.0000 0);
+  --text-color-muted: oklch(71.55% 0.0000 0);
+  --text-disabled: oklch(86.99% 0.0000 0);
+  --text-error: oklch(57.71% 0.2152 27.33);
+  --text-font-family-font-family-2: Space Grotesk;
+  --text-font-family-font-family: Inter;
+  --text-font-size-2xl: 24px;
+  --text-font-size-2xs: 10px;
+  --text-font-size-3xl: 32px;
+  --text-font-size-4xl: 36px;
+  --text-font-size-5xl: 48px;
+  --text-font-size-6xl: 60px;
+  --text-font-size-7xl: 72px;
+  --text-font-size-8xl: 96px;
+  --text-font-size-9xl: 128px;
+  --text-font-size-base: 16px;
+  --text-font-size-lg: 18px;
+  --text-font-size-sm: 14px;
+  --text-font-size-xl: 20px;
+  --text-font-size-xs: 12px;
+  --text-font-weight-black: 900;
+  --text-font-weight-bold: 700;
+  --text-font-weight-extrabold: 800;
+  --text-font-weight-extralight: 200;
+  --text-font-weight-light: 300;
+  --text-font-weight-medium: 500;
+  --text-font-weight-normal: 400;
+  --text-font-weight-semibold: 600;
+  --text-font-weight-thin: 100;
+  --text-info: oklch(54.61% 0.2152 262.88);
+  --text-inverse: oklch(100.00% 0.0000 0);
+  --text-line-height-2xl: 36px;
+  --text-line-height-2xs: 12px;
+  --text-line-height-3xl: 40px;
+  --text-line-height-4xl: 44px;
+  --text-line-height-5xl: 48px;
+  --text-line-height-6xl: 60px;
+  --text-line-height-7xl: 72px;
+  --text-line-height-8xl: 96px;
+  --text-line-height-9xl: 128px;
+  --text-line-height-base: 24px;
+  --text-line-height-lg: 28px;
+  --text-line-height-sm: 20px;
+  --text-line-height-xl: 32px;
+  --text-line-height-xs: 16px;
+  --text-muted: oklch(71.55% 0.0000 0);
+  --text-on-destructive: oklch(100.00% 0.0000 0);
+  --text-on-primary: oklch(100.00% 0.0000 0);
+  --text-placeholder: oklch(71.55% 0.0000 0);
+  --text-primary: oklch(14.48% 0.0000 0);
+  --text-secondary: oklch(55.55% 0.0000 0);
+  --text-size-2xl-font-size: 24px;
+  --text-size-2xl-line-height: 32px;
+  --text-size-3xl-font-size: 30px;
+  --text-size-3xl-line-height: 36px;
+  --text-size-4xl-font-size: 36px;
+  --text-size-4xl-line-height: 40px;
+  --text-size-base-font-size: 16px;
+  --text-size-base-line-height: 24px;
+  --text-size-lg-font-size: 18px;
+  --text-size-lg-line-height: 28px;
+  --text-size-sm-font-size: 14px;
+  --text-size-sm-line-height: 20px;
+  --text-size-xl-font-size: 20px;
+  --text-size-xl-line-height: 28px;
+  --text-size-xs-font-size: 12px;
+  --text-size-xs-line-height: 16px;
+  --text-success: oklch(62.71% 0.1699 149.21);
+  --text-tertiary: oklch(71.55% 0.0000 0);
+  --text-warning: oklch(68.06% 0.1423 75.83);
+  --text-weight-bold: 700;
+  --text-weight-medium: 500;
+  --text-weight-normal: 400;
+  --text-weight-semibold: 600;
+  --textarea-bg-default: oklch(100.00% 0.0000 0);
+  --textarea-bg-disabled: oklch(97.02% 0.0000 0);
+  --textarea-border-default: oklch(92.19% 0.0000 0);
+  --textarea-border-error: oklch(57.71% 0.2152 27.33);
+  --textarea-border-focus: oklch(81.75% 0.1821 159.79);
+  --textarea-border-width: 1px;
+  --textarea-fg-default: oklch(14.48% 0.0000 0);
+  --textarea-fg-disabled: oklch(71.55% 0.0000 0);
+  --textarea-fg-placeholder: oklch(71.55% 0.0000 0);
+  --textarea-radius: 0.375rem;
+  --textarea-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --textarea-size-lg-min-h: 96px;
+  --textarea-size-lg-px: 14px;
+  --textarea-size-lg-py: 10px;
+  --textarea-size-lg-text: 1rem;
+  --textarea-size-md-min-h: 80px;
+  --textarea-size-md-px: 12px;
+  --textarea-size-md-py: 8px;
+  --textarea-size-md-text: 0.875rem;
+  --textarea-size-sm-min-h: 64px;
+  --textarea-size-sm-px: 10px;
+  --textarea-size-sm-py: 6px;
+  --textarea-size-sm-text: 0.875rem;
+  --thumbnail-root-bg: oklch(97.02% 0.0000 0);
+  --thumbnail-rounded-default: 0.375rem;
+  --thumbnail-rounded-full: 9999px;
+  --thumbnail-rounded-lg: 0.5rem;
+  --thumbnail-rounded-none: 0px;
+  --thumbnail-rounded-sm: 0.125rem;
+  --thumbnail-size-default-width: 80px;
+  --thumbnail-size-lg-width: 120px;
+  --thumbnail-size-sm-width: 56px;
+  --thumbnail-size-xl-width: 160px;
+  --thumbnail-size-xs-width: 40px;
+  --time-picker-input-text-align: center;
+  --time-picker-input-width: 65px;
+  --time-picker-root-gap: 8px;
+  --time-picker-separator-padding-x: 4px;
+  --timeline-connector-offset-compact: 3px;
+  --timeline-connector-offset-default: 5px;
+  --timeline-connector-offset-detailed: 7px;
+  --timeline-connector-offset-lg: 7px;
+  --timeline-connector-top-compact: 12px;
+  --timeline-connector-top-default: 16px;
+  --timeline-connector-top-detailed: 20px;
+  --timeline-connector-width: 2px;
+  --timeline-item-gap-compact: 8px;
+  --timeline-item-gap-default: 12px;
+  --timeline-item-gap-detailed: 16px;
+  --timeline-item-gap-horizontal: 8px;
+  --timeline-marker-border-width: 2px;
+  --timeline-marker-size-default: 12px;
+  --timeline-marker-size-icon-default: 32px;
+  --timeline-marker-size-icon-lg: 40px;
+  --timeline-marker-size-icon-sm: 24px;
+  --timeline-marker-size-lg: 16px;
+  --timeline-marker-size-sm: 8px;
+  --timeline-root-gap-compact: 8px;
+  --timeline-root-gap-default: 16px;
+  --timeline-root-gap-detailed: 24px;
+  --tip-bg: oklch(96.50% 0.0250 293.54);
+  --tip-foreground: oklch(14.48% 0.0000 0);
+  --tip: oklch(58.97% 0.1820 293.54);
+  --toggle-group-item-background-active: oklch(100.00% 0.0000 0);
+  --toggle-group-item-color-active: oklch(14.48% 0.0000 0);
+  --toggle-group-item-radius: 0.125rem;
+  --toggle-group-item-shadow-active: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --toggle-group-root-background: oklch(97.02% 0.0000 0);
+  --toggle-group-root-gap: 4px;
+  --toggle-group-root-padding: 4px;
+  --toggle-group-root-radius: 0.375rem;
+  --toggle-icon-size: 16px;
+  --toggle-root-border-radius-pill: 9999px;
+  --toggle-root-border-radius-rounded: 0.375rem;
+  --toggle-root-border-width: 1px;
+  --toggle-root-font-weight: 500;
+  --toggle-root-gap: 8px;
+  --toggle-root-transition: all;
+  --toggle-size-default-height: 36px;
+  --toggle-size-default-min-width: 36px;
+  --toggle-size-default-padding-x: 0.625rem;
+  --toggle-size-lg-height: 40px;
+  --toggle-size-lg-min-width: 40px;
+  --toggle-size-lg-padding-x: 12px;
+  --toggle-size-md-height: 36px;
+  --toggle-size-md-min-width: 36px;
+  --toggle-size-md-padding-x: 0.625rem;
+  --toggle-size-sm-height: 32px;
+  --toggle-size-sm-min-width: 32px;
+  --toggle-size-sm-padding-x: 0.375rem;
+  --toggle-variant-default-bg-default: oklch(97.02% 0.0000 0);
+  --toggle-variant-default-bg-hover: oklch(97.02% 0.0000 0);
+  --toggle-variant-default-bg-on: oklch(81.75% 0.1821 159.79);
+  --toggle-variant-default-border: transparent;
+  --toggle-variant-default-color-default: oklch(71.55% 0.0000 0);
+  --toggle-variant-default-color-hover: oklch(14.48% 0.0000 0);
+  --toggle-variant-default-color-on: oklch(18.34% 0.0338 166.67);
+  --toggle-variant-outline-bg-default: transparent;
+  --toggle-variant-outline-bg-hover: oklch(97.02% 0.0000 0);
+  --toggle-variant-outline-bg-on: oklch(81.75% 0.1821 159.79);
+  --toggle-variant-outline-border: oklch(92.19% 0.0000 0);
+  --toggle-variant-outline-color-default: oklch(14.48% 0.0000 0);
+  --toggle-variant-outline-color-hover: oklch(14.48% 0.0000 0);
+  --toggle-variant-outline-color-on: oklch(18.34% 0.0338 166.67);
+  --toolbar-button-background-hover: oklch(97.02% 0.0000 0);
+  --toolbar-button-foreground-muted: oklch(71.55% 0.0000 0);
+  --toolbar-button-foreground: oklch(14.48% 0.0000 0);
+  --toolbar-button-height: 36px;
+  --toolbar-button-padding-x: 12px;
+  --toolbar-button-radius: 0.375rem;
+  --toolbar-root-background: oklch(100.00% 0.0000 0);
+  --toolbar-root-border: oklch(92.19% 0.0000 0);
+  --toolbar-root-gap: 8px;
+  --toolbar-root-padding: 8px;
+  --toolbar-root-radius: 0.375rem;
+  --toolbar-separator-color: oklch(92.19% 0.0000 0);
+  --toolbar-separator-margin-x: 8px;
+  --toolbar-separator-width: 1px;
+  --tooltip-arrow-radius: 0.125rem;
+  --tooltip-arrow-size: 0.625rem;
+  --tooltip-content-background: oklch(14.48% 0.0000 0);
+  --tooltip-content-foreground: oklch(100.00% 0.0000 0);
+  --tooltip-content-padding-x: 12px;
+  --tooltip-content-padding-y: 0.375rem;
+  --tooltip-content-radius: 0.375rem;
+  --tooltip-content-text-size: 0.75rem;
+  --tooltip-content-z-index: 50;
+  --typography-caption-c1-font-family: Inter;
+  --typography-caption-c1-font-size: 12px;
+  --typography-caption-c1-font-weight: 600;
+  --typography-caption-c1-fontfamily: Inter;
+  --typography-caption-c1-fontsize: 12px;
+  --typography-caption-c1-fontstretch: normal;
+  --typography-caption-c1-fontstyle: normal;
+  --typography-caption-c1-fontweight: 600;
+  --typography-caption-c1-letterspacing: 0px;
+  --typography-caption-c1-line-height: 16px;
+  --typography-caption-c1-lineheight: 16px;
+  --typography-caption-c1-paragraphindent: 0;
+  --typography-caption-c1-paragraphspacing: 0px;
+  --typography-caption-c1-textcase: none;
+  --typography-caption-c1-textdecoration: none;
+  --typography-caption-c2-font-family: Inter;
+  --typography-caption-c2-font-size: 10px;
+  --typography-caption-c2-font-weight: 600;
+  --typography-caption-c2-fontfamily: Inter;
+  --typography-caption-c2-fontsize: 10px;
+  --typography-caption-c2-fontstretch: normal;
+  --typography-caption-c2-fontstyle: normal;
+  --typography-caption-c2-fontweight: 600;
+  --typography-caption-c2-letterspacing: 0px;
+  --typography-caption-c2-line-height: 12px;
+  --typography-caption-c2-lineheight: 12px;
+  --typography-caption-c2-paragraphindent: 0;
+  --typography-caption-c2-paragraphspacing: 0px;
+  --typography-caption-c2-textcase: none;
+  --typography-caption-c2-textdecoration: none;
+  --typography-component-button-md-fontfamily: Inter;
+  --typography-component-button-md-fontsize: 14px;
+  --typography-component-button-md-fontstretch: normal;
+  --typography-component-button-md-fontstyle: normal;
+  --typography-component-button-md-fontweight: 500;
+  --typography-component-button-md-letterspacing: 0px;
+  --typography-component-button-md-lineheight: 16px;
+  --typography-component-button-md-paragraphindent: 0;
+  --typography-component-button-md-paragraphspacing: 0px;
+  --typography-component-button-md-textcase: none;
+  --typography-component-button-md-textdecoration: none;
+  --typography-component-button-sm-fontfamily: Inter;
+  --typography-component-button-sm-fontsize: 12px;
+  --typography-component-button-sm-fontstretch: normal;
+  --typography-component-button-sm-fontstyle: normal;
+  --typography-component-button-sm-fontweight: 500;
+  --typography-component-button-sm-letterspacing: 0px;
+  --typography-component-button-sm-lineheight: 16px;
+  --typography-component-button-sm-paragraphindent: 0;
+  --typography-component-button-sm-paragraphspacing: 0px;
+  --typography-component-button-sm-textcase: none;
+  --typography-component-button-sm-textdecoration: none;
+  --typography-display-d1-font-family: Space Grotesk;
+  --typography-display-d1-font-size: 72px;
+  --typography-display-d1-font-weight: 700;
+  --typography-display-d1-fontfamily: Space Grotesk;
+  --typography-display-d1-fontsize: 72px;
+  --typography-display-d1-fontstretch: normal;
+  --typography-display-d1-fontstyle: normal;
+  --typography-display-d1-fontweight: 700;
+  --typography-display-d1-letterspacing: 0px;
+  --typography-display-d1-line-height: 96px;
+  --typography-display-d1-lineheight: 96px;
+  --typography-display-d1-paragraphindent: 0;
+  --typography-display-d1-paragraphspacing: 0px;
+  --typography-display-d1-textcase: none;
+  --typography-display-d1-textdecoration: none;
+  --typography-display-d2-font-family: Space Grotesk;
+  --typography-display-d2-font-size: 60px;
+  --typography-display-d2-font-weight: 700;
+  --typography-display-d2-fontfamily: Space Grotesk;
+  --typography-display-d2-fontsize: 60px;
+  --typography-display-d2-fontstretch: normal;
+  --typography-display-d2-fontstyle: normal;
+  --typography-display-d2-fontweight: 700;
+  --typography-display-d2-letterspacing: 0px;
+  --typography-display-d2-line-height: 72px;
+  --typography-display-d2-lineheight: 72px;
+  --typography-display-d2-paragraphindent: 0;
+  --typography-display-d2-paragraphspacing: 0px;
+  --typography-display-d2-textcase: none;
+  --typography-display-d2-textdecoration: none;
+  --typography-display-d3-font-family: Space Grotesk;
+  --typography-display-d3-font-size: 48px;
+  --typography-display-d3-font-weight: 700;
+  --typography-display-d3-fontfamily: Space Grotesk;
+  --typography-display-d3-fontsize: 48px;
+  --typography-display-d3-fontstretch: normal;
+  --typography-display-d3-fontstyle: normal;
+  --typography-display-d3-fontweight: 700;
+  --typography-display-d3-letterspacing: 0px;
+  --typography-display-d3-line-height: 60px;
+  --typography-display-d3-lineheight: 60px;
+  --typography-display-d3-paragraphindent: 0;
+  --typography-display-d3-paragraphspacing: 0px;
+  --typography-display-d3-textcase: none;
+  --typography-display-d3-textdecoration: none;
+  --typography-heading-h1-font-family: Inter;
+  --typography-heading-h1-font-size: 36px;
+  --typography-heading-h1-font-weight: 700;
+  --typography-heading-h1-fontfamily: Inter;
+  --typography-heading-h1-fontsize: 36px;
+  --typography-heading-h1-fontstretch: normal;
+  --typography-heading-h1-fontstyle: normal;
+  --typography-heading-h1-fontweight: 700;
+  --typography-heading-h1-letterspacing: 0px;
+  --typography-heading-h1-line-height: 44px;
+  --typography-heading-h1-lineheight: 44px;
+  --typography-heading-h1-paragraphindent: 0;
+  --typography-heading-h1-paragraphspacing: 0px;
+  --typography-heading-h1-textcase: none;
+  --typography-heading-h1-textdecoration: none;
+  --typography-heading-h2-font-family: Inter;
+  --typography-heading-h2-font-size: 32px;
+  --typography-heading-h2-font-weight: 700;
+  --typography-heading-h2-fontfamily: Inter;
+  --typography-heading-h2-fontsize: 32px;
+  --typography-heading-h2-fontstretch: normal;
+  --typography-heading-h2-fontstyle: normal;
+  --typography-heading-h2-fontweight: 700;
+  --typography-heading-h2-letterspacing: 0px;
+  --typography-heading-h2-line-height: 40px;
+  --typography-heading-h2-lineheight: 40px;
+  --typography-heading-h2-paragraphindent: 0;
+  --typography-heading-h2-paragraphspacing: 0px;
+  --typography-heading-h2-textcase: none;
+  --typography-heading-h2-textdecoration: none;
+  --typography-heading-h3-font-family: Inter;
+  --typography-heading-h3-font-size: 24px;
+  --typography-heading-h3-font-weight: 700;
+  --typography-heading-h3-fontfamily: Inter;
+  --typography-heading-h3-fontsize: 24px;
+  --typography-heading-h3-fontstretch: normal;
+  --typography-heading-h3-fontstyle: normal;
+  --typography-heading-h3-fontweight: 700;
+  --typography-heading-h3-letterspacing: 0px;
+  --typography-heading-h3-line-height: 36px;
+  --typography-heading-h3-lineheight: 32px;
+  --typography-heading-h3-paragraphindent: 0;
+  --typography-heading-h3-paragraphspacing: 0px;
+  --typography-heading-h3-textcase: none;
+  --typography-heading-h3-textdecoration: none;
+  --typography-heading-h4-font-family: Inter;
+  --typography-heading-h4-font-size: 20px;
+  --typography-heading-h4-font-weight: 700;
+  --typography-heading-h4-fontfamily: Inter;
+  --typography-heading-h4-fontsize: 20px;
+  --typography-heading-h4-fontstretch: normal;
+  --typography-heading-h4-fontstyle: normal;
+  --typography-heading-h4-fontweight: 600;
+  --typography-heading-h4-letterspacing: 0px;
+  --typography-heading-h4-line-height: 28px;
+  --typography-heading-h4-lineheight: 28px;
+  --typography-heading-h4-paragraphindent: 0;
+  --typography-heading-h4-paragraphspacing: 0px;
+  --typography-heading-h4-textcase: none;
+  --typography-heading-h4-textdecoration: none;
+  --typography-heading-h5-font-family: Inter;
+  --typography-heading-h5-font-size: 18px;
+  --typography-heading-h5-font-weight: 700;
+  --typography-heading-h5-fontfamily: Inter;
+  --typography-heading-h5-fontsize: 18px;
+  --typography-heading-h5-fontstretch: normal;
+  --typography-heading-h5-fontstyle: normal;
+  --typography-heading-h5-fontweight: 600;
+  --typography-heading-h5-letterspacing: 0px;
+  --typography-heading-h5-line-height: 24px;
+  --typography-heading-h5-lineheight: 24px;
+  --typography-heading-h5-paragraphindent: 0;
+  --typography-heading-h5-paragraphspacing: 0px;
+  --typography-heading-h5-textcase: none;
+  --typography-heading-h5-textdecoration: none;
+  --typography-paragraph-p1-font-family: Inter;
+  --typography-paragraph-p1-font-size: 18px;
+  --typography-paragraph-p1-font-weight: 400;
+  --typography-paragraph-p1-fontfamily: Inter;
+  --typography-paragraph-p1-fontsize: 18px;
+  --typography-paragraph-p1-fontstretch: normal;
+  --typography-paragraph-p1-fontstyle: normal;
+  --typography-paragraph-p1-fontweight: 400;
+  --typography-paragraph-p1-letterspacing: 0px;
+  --typography-paragraph-p1-line-height: 28px;
+  --typography-paragraph-p1-lineheight: 28px;
+  --typography-paragraph-p1-paragraphindent: 0;
+  --typography-paragraph-p1-paragraphspacing: 0px;
+  --typography-paragraph-p1-textcase: none;
+  --typography-paragraph-p1-textdecoration: none;
+  --typography-paragraph-p2-font-family: Inter;
+  --typography-paragraph-p2-font-size: 16px;
+  --typography-paragraph-p2-font-weight: 400;
+  --typography-paragraph-p2-fontfamily: Inter;
+  --typography-paragraph-p2-fontsize: 16px;
+  --typography-paragraph-p2-fontstretch: normal;
+  --typography-paragraph-p2-fontstyle: normal;
+  --typography-paragraph-p2-fontweight: 400;
+  --typography-paragraph-p2-letterspacing: 0px;
+  --typography-paragraph-p2-line-height: 24px;
+  --typography-paragraph-p2-lineheight: 24px;
+  --typography-paragraph-p2-paragraphindent: 0;
+  --typography-paragraph-p2-paragraphspacing: 0px;
+  --typography-paragraph-p2-textcase: none;
+  --typography-paragraph-p2-textdecoration: none;
+  --typography-paragraph-p3-font-family: Inter;
+  --typography-paragraph-p3-font-size: 14px;
+  --typography-paragraph-p3-font-weight: 400;
+  --typography-paragraph-p3-fontfamily: Inter;
+  --typography-paragraph-p3-fontsize: 14px;
+  --typography-paragraph-p3-fontstretch: normal;
+  --typography-paragraph-p3-fontstyle: normal;
+  --typography-paragraph-p3-fontweight: 400;
+  --typography-paragraph-p3-letterspacing: 0px;
+  --typography-paragraph-p3-line-height: 20px;
+  --typography-paragraph-p3-lineheight: 20px;
+  --typography-paragraph-p3-paragraphindent: 0;
+  --typography-paragraph-p3-paragraphspacing: 0px;
+  --typography-paragraph-p3-textcase: none;
+  --typography-paragraph-p3-textdecoration: none;
+  --typography-paragraph-p4-font-family: Inter;
+  --typography-paragraph-p4-font-size: 12px;
+  --typography-paragraph-p4-font-weight: 400;
+  --typography-paragraph-p4-fontfamily: Inter;
+  --typography-paragraph-p4-fontsize: 12px;
+  --typography-paragraph-p4-fontstretch: normal;
+  --typography-paragraph-p4-fontstyle: normal;
+  --typography-paragraph-p4-fontweight: 400;
+  --typography-paragraph-p4-letterspacing: 0px;
+  --typography-paragraph-p4-line-height: 16px;
+  --typography-paragraph-p4-lineheight: 16px;
+  --typography-paragraph-p4-paragraphindent: 0;
+  --typography-paragraph-p4-paragraphspacing: 0px;
+  --typography-paragraph-p4-textcase: none;
+  --typography-paragraph-p4-textdecoration: none;
+  --warning-border: oklch(66.58% 0.1574 58.32);
+  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-subtle-fg: oklch(55.38% 0.1207 66.44);
+  --warning-subtle: oklch(98.73% 0.0262 102.21);
+  --warning: oklch(68.06% 0.1423 75.83);
+  --yellow-100: oklch(97.29% 0.0693 103.19);
+  --yellow-200: oklch(94.51% 0.1243 101.54);
+  --yellow-300: oklch(90.52% 0.1657 98.11);
+  --yellow-400: oklch(86.06% 0.1731 91.94);
+  --yellow-500: oklch(79.52% 0.1617 86.05);
+  --yellow-50: oklch(98.73% 0.0262 102.21);
+  --yellow-600: oklch(68.06% 0.1423 75.83);
+  --yellow-700: oklch(55.38% 0.1207 66.44);
+  --yellow-800: oklch(47.62% 0.1034 61.91);
+  --yellow-900: oklch(42.10% 0.0897 57.71);
+  --yellow-950: oklch(28.57% 0.0639 53.81);
+  --z-base: 0;
+  --z-dropdown: 100;
+  --z-fixed: 250;
+  --z-hide: -1;
+  --z-index-z-base: 0;
+  --z-index-z-dropdown: 100;
+  --z-index-z-modal: 400;
+  --z-index-z-overlay: 300;
+  --z-index-z-popover: 500;
+  --z-index-z-raised: 10;
+  --z-index-z-sticky: 200;
+  --z-index-z-toast: 700;
+  --z-index-z-tooltip: 600;
+  --z-modal: 400;
+  --z-overlay: 300;
+  --z-popover: 500;
+  --z-raised: 10;
+  --z-sticky: 200;
+  --z-toast: 700;
+  --z-tooltip: 600;
+}
+
+/* Dark Theme */
+.dark {
+  --accent-foreground: oklch(95.21% 0.0467 171.12);
+  --accent: oklch(26.88% 0.0527 163.85);
+  --background: oklch(14.48% 0.0000 0);
+  --border: oklch(37.15% 0.0000 0);
+  --brand-accent-background: oklch(26.88% 0.0527 163.85);
+  --brand-accent-foreground: oklch(95.21% 0.0467 171.12);
+  --brand-primary-active: oklch(90.88% 0.0912 168.55);
+  --brand-primary-background: oklch(84.11% 0.1609 163.31);
+  --brand-primary-border: oklch(42.11% 0.0897 161.06);
+  --brand-primary-foreground: oklch(18.34% 0.0338 166.67);
+  --brand-primary-hover: oklch(87.18% 0.1296 166.48);
+  --brand-primary-subtle-foreground: oklch(87.18% 0.1296 166.48);
+  --brand-primary-subtle: oklch(18.34% 0.0338 166.67);
+  --brand-secondary-active: oklch(94.80% 0.0824 139.21);
+  --brand-secondary-background: oklch(89.58% 0.1950 137.90);
+  --brand-secondary-border: oklch(42.97% 0.0993 137.99);
+  --brand-secondary-foreground: oklch(21.23% 0.0502 138.22);
+  --brand-secondary-hover: oklch(92.69% 0.1227 138.76);
+  --brand-secondary-subtle-foreground: oklch(92.69% 0.1227 138.76);
+  --brand-secondary-subtle: oklch(21.23% 0.0502 138.22);
+  --card-foreground: oklch(98.51% 0.0000 0);
+  --card: oklch(26.86% 0.0000 0);
+  --chart-1: oklch(81.75% 0.1821 159.79);
+  --chart-2: oklch(66.68% 0.2591 322.15);
+  --chart-3: oklch(62.31% 0.1880 259.81);
+  --chart-4: oklch(86.06% 0.1731 91.94);
+  --chart-5: oklch(63.68% 0.2078 25.33);
+  --core-background-background: oklch(20.46% 0.0000 0);
+  --core-background-card-foreground: oklch(98.51% 0.0000 0);
+  --core-background-card: oklch(26.86% 0.0000 0);
+  --core-background-foreground: oklch(98.51% 0.0000 0);
+  --core-background-inversed-foreground: oklch(14.48% 0.0000 0);
+  --core-background-muted-foreground: oklch(71.55% 0.0000 0);
+  --core-background-muted: oklch(37.15% 0.0000 0);
+  --core-background-overlay: oklch(0.00% 0.0000 0 / 80.0%);
+  --core-background-popover-foreground: oklch(98.51% 0.0000 0);
+  --core-background-popover: oklch(20.46% 0.0000 0);
+  --core-background-surface-foreground: oklch(97.02% 0.0000 0);
+  --core-background-surface: oklch(14.48% 0.0000 0);
+  --core-border-border: oklch(37.15% 0.0000 0);
+  --core-border-input: oklch(43.86% 0.0000 0);
+  --core-border-ring: oklch(84.11% 0.1609 163.31);
+  --destructive-border: oklch(50.54% 0.1905 27.52);
+  --destructive-foreground: oklch(100.00% 0.0000 0);
+  --destructive-subtle-fg: oklch(80.77% 0.1035 19.57);
+  --destructive-subtle: oklch(25.75% 0.0886 26.04);
+  --destructive: oklch(63.68% 0.2078 25.33);
+  --disabled-background: oklch(26.86% 0.0000 0);
+  --disabled-border: oklch(37.15% 0.0000 0);
+  --disabled-foreground: oklch(43.86% 0.0000 0);
+  --disabled: oklch(26.86% 0.0000 0);
+  --extended-chart-1: oklch(81.75% 0.1821 159.79);
+  --extended-chart-2: oklch(65.95% 0.2608 320.32);
+  --extended-chart-3: oklch(62.31% 0.1880 259.81);
+  --extended-chart-4: oklch(79.52% 0.1617 86.05);
+  --extended-chart-5: oklch(63.68% 0.2078 25.33);
+  --foreground: oklch(98.51% 0.0000 0);
+  --heading-base-color: oklch(98.51% 0.0000 0);
+  --heading-color-default: oklch(98.51% 0.0000 0);
+  --heading-color-destructive: oklch(63.68% 0.2078 25.33);
+  --heading-color-muted: oklch(71.55% 0.0000 0);
+  --heading-color-primary: oklch(84.11% 0.1609 163.31);
+  --info-border: oklch(54.61% 0.2152 262.88);
+  --info-foreground: oklch(100.00% 0.0000 0);
+  --info-subtle-fg: oklch(80.91% 0.0956 251.81);
+  --info-subtle: oklch(28.23% 0.0874 267.94);
+  --info: oklch(62.31% 0.1880 259.81);
+  --input: oklch(43.86% 0.0000 0);
+  --kbd-variant-default-background: oklch(26.86% 0.0000 0);
+  --kbd-variant-default-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-ghost-background: transparent;
+  --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-outline-background: transparent;
+  --kbd-variant-outline-border-color: oklch(37.15% 0.0000 0);
+  --kbd-variant-outline-color: oklch(98.51% 0.0000 0);
+  --label-optional-color: oklch(71.55% 0.0000 0);
+  --label-required-color: oklch(63.68% 0.2078 25.33);
+  --link-color-default: oklch(84.11% 0.1609 163.31);
+  --link-color-muted: oklch(71.55% 0.0000 0);
+  --link-color-nav-hover: oklch(84.11% 0.1609 163.31);
+  --link-color-nav: oklch(98.51% 0.0000 0);
+  --link-color-subtle: oklch(98.51% 0.0000 0);
+  --muted-foreground: oklch(71.55% 0.0000 0);
+  --muted: oklch(26.86% 0.0000 0);
+  --overlay: oklch(0.00% 0.0000 0 / 80.0%);
+  --paragraph-color-default: oklch(98.51% 0.0000 0);
+  --paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
+  --paragraph-color-muted: oklch(71.55% 0.0000 0);
+  --paragraph-color-primary: oklch(84.11% 0.1609 163.31);
+  --paragraph-color-success: oklch(72.27% 0.1920 149.58);
+  --popover-foreground: oklch(98.51% 0.0000 0);
+  --popover: oklch(20.46% 0.0000 0);
+  --primary-active: oklch(90.88% 0.0912 168.55);
+  --primary-border: oklch(42.11% 0.0897 161.06);
+  --primary-foreground: oklch(18.34% 0.0338 166.67);
+  --primary-hover: oklch(87.18% 0.1296 166.48);
+  --primary-subtle-foreground: oklch(87.18% 0.1296 166.48);
+  --primary-subtle: oklch(18.34% 0.0338 166.67);
+  --primary: oklch(84.11% 0.1609 163.31);
+  --ring-offset: oklch(14.48% 0.0000 0);
+  --ring: oklch(84.11% 0.1609 163.31);
+  --secondary-foreground: oklch(97.98% 0.0312 139.44);
+  --secondary-hover: oklch(42.97% 0.0993 137.99);
+  --secondary-subtle-foreground: oklch(92.69% 0.1227 138.76);
+  --secondary-subtle: oklch(21.23% 0.0502 138.22);
+  --secondary: oklch(28.73% 0.0661 137.75);
+  --shadow-lg: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 12px 24px 0 rgb(0 0 0 / 0.45);
+  --shadow-md: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 6px 12px 0 rgb(0 0 0 / 0.40);
+  --shadow-sm: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35);
+  --shadow-xl: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50);
+  --sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
+  --sidebar-accent: oklch(26.88% 0.0527 163.85);
+  --sidebar-background: oklch(20.46% 0.0000 0);
+  --sidebar-border: oklch(26.86% 0.0000 0);
+  --sidebar-foreground: oklch(97.02% 0.0000 0);
+  --status-destructive-background: oklch(63.68% 0.2078 25.33);
+  --status-destructive-border: oklch(44.37% 0.1613 26.90);
+  --status-destructive-foreground: oklch(100.00% 0.0000 0);
+  --status-destructive-hover: oklch(71.06% 0.1661 22.22);
+  --status-destructive-subtle-foreground: oklch(80.77% 0.1035 19.57);
+  --status-destructive-subtle: oklch(25.75% 0.0886 26.04);
+  --status-disabled-border: oklch(37.15% 0.0000 0);
+  --status-disabled-disabled: oklch(26.86% 0.0000 0);
+  --status-disabled-foreground: oklch(43.86% 0.0000 0);
+  --status-info-background: oklch(62.31% 0.1880 259.81);
+  --status-info-border: oklch(42.44% 0.1809 265.64);
+  --status-info-foreground: oklch(100.00% 0.0000 0);
+  --status-info-subtle-foreground: oklch(80.91% 0.0956 251.81);
+  --status-info-subtle: oklch(28.23% 0.0874 267.94);
+  --status-success-background: oklch(72.27% 0.1920 149.58);
+  --status-success-border: oklch(44.79% 0.1083 151.33);
+  --status-success-foreground: oklch(100.00% 0.0000 0);
+  --status-success-subtle-foreground: oklch(87.12% 0.1363 154.45);
+  --status-success-subtle: oklch(26.64% 0.0628 152.93);
+  --status-warning-background: oklch(79.52% 0.1617 86.05);
+  --status-warning-border: oklch(47.62% 0.1034 61.91);
+  --status-warning-foreground: oklch(100.00% 0.0000 0);
+  --status-warning-subtle-foreground: oklch(90.52% 0.1657 98.11);
+  --status-warning-subtle: oklch(28.57% 0.0639 53.81);
+  --success-border: oklch(52.73% 0.1371 150.07);
+  --success-foreground: oklch(100.00% 0.0000 0);
+  --success-subtle-fg: oklch(87.12% 0.1363 154.45);
+  --success-subtle: oklch(26.64% 0.0628 152.93);
+  --success: oklch(72.27% 0.1920 149.58);
+  --surface-foreground: oklch(97.02% 0.0000 0);
+  --surface: oklch(20.46% 0.0000 0);
+  --text-color-default: oklch(98.51% 0.0000 0);
+  --text-color-muted: oklch(71.55% 0.0000 0);
+  --warning-border: oklch(55.38% 0.1207 66.44);
+  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-subtle-fg: oklch(90.52% 0.1657 98.11);
+  --warning-subtle: oklch(28.57% 0.0639 53.81);
+  --warning: oklch(79.52% 0.1617 86.05);
+}
+
+/* Light Theme (force-light cascade override) */
+.light {
+  --accent-foreground: oklch(26.88% 0.0527 163.85);
+  --accent: oklch(95.21% 0.0467 171.12);
+  --background: oklch(100.00% 0.0000 0);
+  --border: oklch(92.19% 0.0000 0);
+  --brand-accent-background: oklch(95.21% 0.0467 171.12);
+  --brand-accent-foreground: oklch(26.88% 0.0527 163.85);
+  --brand-primary-active: oklch(56.08% 0.1221 160.56);
+  --brand-primary-background: oklch(81.75% 0.1821 159.79);
+  --brand-primary-border: oklch(90.88% 0.0912 168.55);
+  --brand-primary-foreground: oklch(18.34% 0.0338 166.67);
+  --brand-primary-hover: oklch(69.20% 0.1533 159.90);
+  --brand-primary-subtle-foreground: oklch(56.08% 0.1221 160.56);
+  --brand-primary-subtle: oklch(97.65% 0.0243 170.99);
+  --brand-secondary-active: oklch(58.24% 0.1354 137.66);
+  --brand-secondary-background: oklch(87.82% 0.2037 137.75);
+  --brand-secondary-border: oklch(94.80% 0.0824 139.21);
+  --brand-secondary-foreground: oklch(21.23% 0.0502 138.22);
+  --brand-secondary-hover: oklch(72.57% 0.1684 137.62);
+  --brand-secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
+  --brand-secondary-subtle: oklch(98.93% 0.0139 138.71);
+  --card-foreground: oklch(14.48% 0.0000 0);
+  --card: oklch(100.00% 0.0000 0);
+  --chart-1: oklch(81.75% 0.1821 159.79);
+  --chart-2: oklch(66.68% 0.2591 322.15);
+  --chart-3: oklch(62.31% 0.1880 259.81);
+  --chart-4: oklch(86.06% 0.1731 91.94);
+  --chart-5: oklch(63.68% 0.2078 25.33);
+  --core-background-background: oklch(100.00% 0.0000 0);
+  --core-background-card-foreground: oklch(14.48% 0.0000 0);
+  --core-background-card: oklch(98.51% 0.0000 0);
+  --core-background-foreground: oklch(14.48% 0.0000 0);
+  --core-background-inversed-foreground: oklch(98.51% 0.0000 0);
+  --core-background-muted-foreground: oklch(55.55% 0.0000 0);
+  --core-background-muted: oklch(97.02% 0.0000 0);
+  --core-background-overlay: oklch(0.00% 0.0000 0 / 60.0%);
+  --core-background-popover-foreground: oklch(20.46% 0.0000 0);
+  --core-background-popover: oklch(100.00% 0.0000 0);
+  --core-background-surface-foreground: oklch(26.86% 0.0000 0);
+  --core-background-surface: oklch(98.51% 0.0000 0);
+  --core-border-border: oklch(92.19% 0.0000 0);
+  --core-border-input: oklch(92.19% 0.0000 0);
+  --core-border-ring: oklch(81.75% 0.1821 159.79);
+  --destructive-border: oklch(63.68% 0.2078 25.33);
+  --destructive-foreground: oklch(100.00% 0.0000 0);
+  --destructive-subtle-fg: oklch(50.54% 0.1905 27.52);
+  --destructive-subtle: oklch(97.05% 0.0129 17.38);
+  --destructive: oklch(57.71% 0.2152 27.33);
+  --disabled-background: oklch(92.19% 0.0000 0);
+  --disabled-border: oklch(92.19% 0.0000 0);
+  --disabled-foreground: oklch(71.55% 0.0000 0);
+  --disabled: oklch(97.02% 0.0000 0);
+  --extended-chart-1: oklch(81.75% 0.1821 159.79);
+  --extended-chart-2: oklch(65.95% 0.2608 320.32);
+  --extended-chart-3: oklch(62.31% 0.1880 259.81);
+  --extended-chart-4: oklch(79.52% 0.1617 86.05);
+  --extended-chart-5: oklch(63.68% 0.2078 25.33);
+  --foreground: oklch(14.48% 0.0000 0);
+  --heading-base-color: oklch(14.48% 0.0000 0);
+  --heading-color-default: oklch(14.48% 0.0000 0);
+  --heading-color-destructive: oklch(57.71% 0.2152 27.33);
+  --heading-color-muted: oklch(71.55% 0.0000 0);
+  --heading-color-primary: oklch(81.75% 0.1821 159.79);
+  --info-border: oklch(62.31% 0.1880 259.81);
+  --info-foreground: oklch(100.00% 0.0000 0);
+  --info-subtle-fg: oklch(48.82% 0.2172 264.38);
+  --info-subtle: oklch(97.05% 0.0142 254.60);
+  --info: oklch(54.61% 0.2152 262.88);
+  --input: oklch(92.19% 0.0000 0);
+  --kbd-variant-default-background: oklch(97.02% 0.0000 0);
+  --kbd-variant-default-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-ghost-background: transparent;
+  --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
+  --kbd-variant-outline-background: transparent;
+  --kbd-variant-outline-border-color: oklch(92.19% 0.0000 0);
+  --kbd-variant-outline-color: oklch(14.48% 0.0000 0);
+  --label-optional-color: oklch(71.55% 0.0000 0);
+  --label-required-color: oklch(57.71% 0.2152 27.33);
+  --link-color-default: oklch(81.75% 0.1821 159.79);
+  --link-color-muted: oklch(71.55% 0.0000 0);
+  --link-color-nav-hover: oklch(81.75% 0.1821 159.79);
+  --link-color-nav: oklch(14.48% 0.0000 0);
+  --link-color-subtle: oklch(14.48% 0.0000 0);
+  --muted-foreground: oklch(71.55% 0.0000 0);
+  --muted: oklch(97.02% 0.0000 0);
+  --overlay: oklch(0.00% 0.0000 0 / 60.0%);
+  --paragraph-color-default: oklch(14.48% 0.0000 0);
+  --paragraph-color-destructive: oklch(57.71% 0.2152 27.33);
+  --paragraph-color-muted: oklch(71.55% 0.0000 0);
+  --paragraph-color-primary: oklch(81.75% 0.1821 159.79);
+  --paragraph-color-success: oklch(62.71% 0.1699 149.21);
+  --popover-foreground: oklch(14.48% 0.0000 0);
+  --popover: oklch(100.00% 0.0000 0);
+  --primary-active: oklch(56.08% 0.1221 160.56);
+  --primary-border: oklch(90.88% 0.0912 168.55);
+  --primary-foreground: oklch(18.34% 0.0338 166.67);
+  --primary-hover: oklch(69.20% 0.1533 159.90);
+  --primary-subtle-foreground: oklch(56.08% 0.1221 160.56);
+  --primary-subtle: oklch(97.65% 0.0243 170.99);
+  --primary: oklch(81.75% 0.1821 159.79);
+  --ring-offset: oklch(100.00% 0.0000 0);
+  --ring: oklch(81.75% 0.1821 159.79);
+  --secondary-foreground: oklch(28.73% 0.0661 137.75);
+  --secondary-hover: oklch(94.80% 0.0824 139.21);
+  --secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
+  --secondary-subtle: oklch(98.93% 0.0139 138.71);
+  --secondary: oklch(97.98% 0.0312 139.44);
+  --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
+  --sidebar-accent: oklch(95.21% 0.0467 171.12);
+  --sidebar-background: oklch(98.51% 0.0000 0);
+  --sidebar-border: oklch(92.19% 0.0000 0);
+  --sidebar-foreground: oklch(20.46% 0.0000 0);
+  --status-destructive-background: oklch(63.68% 0.2078 25.33);
+  --status-destructive-border: oklch(88.45% 0.0593 18.33);
+  --status-destructive-foreground: oklch(100.00% 0.0000 0);
+  --status-destructive-hover: oklch(57.71% 0.2152 27.33);
+  --status-destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
+  --status-destructive-subtle: oklch(97.05% 0.0129 17.38);
+  --status-disabled-border: oklch(86.99% 0.0000 0);
+  --status-disabled-disabled: oklch(97.02% 0.0000 0);
+  --status-disabled-foreground: oklch(71.55% 0.0000 0);
+  --status-info-background: oklch(54.61% 0.2152 262.88);
+  --status-info-border: oklch(88.23% 0.0571 254.13);
+  --status-info-foreground: oklch(100.00% 0.0000 0);
+  --status-info-subtle-foreground: oklch(48.82% 0.2172 264.38);
+  --status-info-subtle: oklch(97.05% 0.0142 254.60);
+  --status-success-background: oklch(62.71% 0.1699 149.21);
+  --status-success-border: oklch(92.50% 0.0806 155.99);
+  --status-success-foreground: oklch(100.00% 0.0000 0);
+  --status-success-subtle-foreground: oklch(52.73% 0.1371 150.07);
+  --status-success-subtle: oklch(98.19% 0.0181 155.83);
+  --status-warning-background: oklch(86.06% 0.1731 91.94);
+  --status-warning-border: oklch(94.51% 0.1243 101.54);
+  --status-warning-foreground: oklch(100.00% 0.0000 0);
+  --status-warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
+  --status-warning-subtle: oklch(98.73% 0.0262 102.21);
+  --success-border: oklch(62.71% 0.1699 149.21);
+  --success-foreground: oklch(100.00% 0.0000 0);
+  --success-subtle-fg: oklch(52.73% 0.1371 150.07);
+  --success-subtle: oklch(98.19% 0.0181 155.83);
+  --success: oklch(62.71% 0.1699 149.21);
+  --surface-foreground: oklch(20.46% 0.0000 0);
+  --surface: oklch(98.51% 0.0000 0);
+  --text-color-default: oklch(14.48% 0.0000 0);
+  --text-color-muted: oklch(71.55% 0.0000 0);
+  --warning-border: oklch(66.58% 0.1574 58.32);
+  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-subtle-fg: oklch(55.38% 0.1207 66.44);
+  --warning-subtle: oklch(98.73% 0.0262 102.21);
+  --warning: oklch(68.06% 0.1423 75.83);
+}
+
+/* Tailwind Theme Integration */
+@theme inline {
+  --breakpoint-2xl: 1440px;
+  --breakpoint-3xl: 1920px;
+  --breakpoint-4xl: 2560px;
+  --breakpoint-lg: 1024px;
+  --breakpoint-md: 768px;
+  --breakpoint-sm: 360px;
+  --breakpoint-xl: 1280px;
+  --breakpoint-xs: 320px;
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-alert-variant-default-bg: var(--alert-variant-default-bg);
+  --color-alert-variant-default-border: var(--alert-variant-default-border);
+  --color-alert-variant-default-fg: var(--alert-variant-default-fg);
+  --color-alert-variant-destructive-bg: var(--alert-variant-destructive-bg);
+  --color-alert-variant-destructive-border: var(--alert-variant-destructive-border);
+  --color-alert-variant-destructive-fg: var(--alert-variant-destructive-fg);
+  --color-asset-manager-item-background: var(--asset-manager-item-background);
+  --color-asset-manager-item-border: var(--asset-manager-item-border);
+  --color-asset-manager-preview-background: var(--asset-manager-preview-background);
+  --color-autocomplete-content-bg: var(--autocomplete-content-bg);
+  --color-autocomplete-content-border: var(--autocomplete-content-border);
+  --color-autocomplete-content-fg: var(--autocomplete-content-fg);
+  --color-autocomplete-empty-fg: var(--autocomplete-empty-fg);
+  --color-autocomplete-item-highlighted-bg: var(--autocomplete-item-highlighted-bg);
+  --color-autocomplete-item-highlighted-fg: var(--autocomplete-item-highlighted-fg);
+  --color-autocomplete-loading-fg: var(--autocomplete-loading-fg);
+  --color-avatar-border-contrast: var(--avatar-border-contrast);
+  --color-avatar-fallback-bg-default: var(--avatar-fallback-bg-default);
+  --color-avatar-fallback-bg-destructive: var(--avatar-fallback-bg-destructive);
+  --color-avatar-fallback-bg-primary: var(--avatar-fallback-bg-primary);
+  --color-avatar-fallback-bg-secondary: var(--avatar-fallback-bg-secondary);
+  --color-avatar-fallback-bg-success: var(--avatar-fallback-bg-success);
+  --color-avatar-fallback-bg-warning: var(--avatar-fallback-bg-warning);
+  --color-avatar-fallback-text-default: var(--avatar-fallback-text-default);
+  --color-avatar-fallback-text-destructive: var(--avatar-fallback-text-destructive);
+  --color-avatar-fallback-text-primary: var(--avatar-fallback-text-primary);
+  --color-avatar-fallback-text-secondary: var(--avatar-fallback-text-secondary);
+  --color-avatar-fallback-text-success: var(--avatar-fallback-text-success);
+  --color-avatar-fallback-text-warning: var(--avatar-fallback-text-warning);
+  --color-background: var(--background);
+  --color-badge-color-destructive-bg: var(--badge-color-destructive-bg);
+  --color-badge-color-destructive-border: var(--badge-color-destructive-border);
+  --color-badge-color-destructive-fg: var(--badge-color-destructive-fg);
+  --color-badge-color-outline-bg: var(--badge-color-outline-bg);
+  --color-badge-color-outline-border: var(--badge-color-outline-border);
+  --color-badge-color-outline-fg: var(--badge-color-outline-fg);
+  --color-badge-color-primary-bg: var(--badge-color-primary-bg);
+  --color-badge-color-primary-border: var(--badge-color-primary-border);
+  --color-badge-color-primary-fg: var(--badge-color-primary-fg);
+  --color-badge-color-secondary-bg: var(--badge-color-secondary-bg);
+  --color-badge-color-secondary-border: var(--badge-color-secondary-border);
+  --color-badge-color-secondary-fg: var(--badge-color-secondary-fg);
+  --color-base-black-20: var(--base-black-20);
+  --color-base-black-40: var(--base-black-40);
+  --color-base-black-60: var(--base-black-60);
+  --color-base-black-80: var(--base-black-80);
+  --color-base-black: var(--base-black);
+  --color-base-transparent: var(--base-transparent);
+  --color-base-white: var(--base-white);
+  --color-border-semantic-default: var(--border-semantic-default);
+  --color-border-semantic-disabled: var(--border-semantic-disabled);
+  --color-border-semantic-error: var(--border-semantic-error);
+  --color-border-semantic-focus: var(--border-semantic-focus);
+  --color-border-semantic-strong: var(--border-semantic-strong);
+  --color-border-semantic-subtle: var(--border-semantic-subtle);
+  --color-border-semantic-success: var(--border-semantic-success);
+  --color-border-semantic-warning: var(--border-semantic-warning);
+  --color-border: var(--border);
+  --color-brand-accent-background: var(--brand-accent-background);
+  --color-brand-accent-foreground: var(--brand-accent-foreground);
+  --color-brand-green-dark: var(--brand-green-dark);
+  --color-brand-green-light: var(--brand-green-light);
+  --color-brand-green-primary: var(--brand-green-primary);
+  --color-brand-green-secondary: var(--brand-green-secondary);
+  --color-brand-green-soft: var(--brand-green-soft);
+  --color-brand-neutral-black: var(--brand-neutral-black);
+  --color-brand-neutral-dark: var(--brand-neutral-dark);
+  --color-brand-neutral-gray-01: var(--brand-neutral-gray-01);
+  --color-brand-neutral-gray-02: var(--brand-neutral-gray-02);
+  --color-brand-neutral-gray-03: var(--brand-neutral-gray-03);
+  --color-brand-neutral-gray-04: var(--brand-neutral-gray-04);
+  --color-brand-neutral-gray-05: var(--brand-neutral-gray-05);
+  --color-brand-neutral-gray-06: var(--brand-neutral-gray-06);
+  --color-brand-neutral-off-white: var(--brand-neutral-off-white);
+  --color-brand-primary-100: var(--brand-primary-100);
+  --color-brand-primary-200: var(--brand-primary-200);
+  --color-brand-primary-300: var(--brand-primary-300);
+  --color-brand-primary-400: var(--brand-primary-400);
+  --color-brand-primary-500: var(--brand-primary-500);
+  --color-brand-primary-50: var(--brand-primary-50);
+  --color-brand-primary-600: var(--brand-primary-600);
+  --color-brand-primary-700: var(--brand-primary-700);
+  --color-brand-primary-800: var(--brand-primary-800);
+  --color-brand-primary-900: var(--brand-primary-900);
+  --color-brand-primary-950: var(--brand-primary-950);
+  --color-brand-primary-active: var(--brand-primary-active);
+  --color-brand-primary-background: var(--brand-primary-background);
+  --color-brand-primary-border: var(--brand-primary-border);
+  --color-brand-primary-foreground: var(--brand-primary-foreground);
+  --color-brand-primary-hover: var(--brand-primary-hover);
+  --color-brand-primary-subtle-foreground: var(--brand-primary-subtle-foreground);
+  --color-brand-primary-subtle: var(--brand-primary-subtle);
+  --color-brand-secondary-100: var(--brand-secondary-100);
+  --color-brand-secondary-200: var(--brand-secondary-200);
+  --color-brand-secondary-300: var(--brand-secondary-300);
+  --color-brand-secondary-400: var(--brand-secondary-400);
+  --color-brand-secondary-500: var(--brand-secondary-500);
+  --color-brand-secondary-50: var(--brand-secondary-50);
+  --color-brand-secondary-600: var(--brand-secondary-600);
+  --color-brand-secondary-700: var(--brand-secondary-700);
+  --color-brand-secondary-800: var(--brand-secondary-800);
+  --color-brand-secondary-900: var(--brand-secondary-900);
+  --color-brand-secondary-950: var(--brand-secondary-950);
+  --color-brand-secondary-active: var(--brand-secondary-active);
+  --color-brand-secondary-background: var(--brand-secondary-background);
+  --color-brand-secondary-blue-01: var(--brand-secondary-blue-01);
+  --color-brand-secondary-blue-02: var(--brand-secondary-blue-02);
+  --color-brand-secondary-blue-03: var(--brand-secondary-blue-03);
+  --color-brand-secondary-border: var(--brand-secondary-border);
+  --color-brand-secondary-foreground: var(--brand-secondary-foreground);
+  --color-brand-secondary-green-01: var(--brand-secondary-green-01);
+  --color-brand-secondary-green-02: var(--brand-secondary-green-02);
+  --color-brand-secondary-green-03: var(--brand-secondary-green-03);
+  --color-brand-secondary-hover: var(--brand-secondary-hover);
+  --color-brand-secondary-pink-01: var(--brand-secondary-pink-01);
+  --color-brand-secondary-pink-02: var(--brand-secondary-pink-02);
+  --color-brand-secondary-pink-03: var(--brand-secondary-pink-03);
+  --color-brand-secondary-subtle-foreground: var(--brand-secondary-subtle-foreground);
+  --color-brand-secondary-subtle: var(--brand-secondary-subtle);
+  --color-brand-secondary-yellow-01: var(--brand-secondary-yellow-01);
+  --color-brand-secondary-yellow-02: var(--brand-secondary-yellow-02);
+  --color-brand-secondary-yellow-03: var(--brand-secondary-yellow-03);
+  --color-breadcrumb-link-hover: var(--breadcrumb-link-hover);
+  --color-breadcrumb-list-text: var(--breadcrumb-list-text);
+  --color-breadcrumb-page-text: var(--breadcrumb-page-text);
+  --color-button-disabled-bg: var(--button-disabled-bg);
+  --color-button-disabled-border: var(--button-disabled-border);
+  --color-button-disabled-fg: var(--button-disabled-fg);
+  --color-button-group-item-background-active: var(--button-group-item-background-active);
+  --color-button-group-item-background-hover: var(--button-group-item-background-hover);
+  --color-button-group-item-background: var(--button-group-item-background);
+  --color-button-group-root-border-color: var(--button-group-root-border-color);
+  --color-button-group-separator-color: var(--button-group-separator-color);
+  --color-button-link-color-fg-default: var(--button-link-color-fg-default);
+  --color-button-link-color-fg-hover: var(--button-link-color-fg-hover);
+  --color-button-link-gray-fg-default: var(--button-link-gray-fg-default);
+  --color-button-link-gray-fg-hover: var(--button-link-gray-fg-hover);
+  --color-button-primary-bg-default: var(--button-primary-bg-default);
+  --color-button-primary-bg-hover: var(--button-primary-bg-hover);
+  --color-button-primary-border-default: var(--button-primary-border-default);
+  --color-button-primary-border-hover: var(--button-primary-border-hover);
+  --color-button-primary-fg-default: var(--button-primary-fg-default);
+  --color-button-ring-brand: var(--button-ring-brand);
+  --color-button-ring-gray: var(--button-ring-gray);
+  --color-button-secondary-color-bg-default: var(--button-secondary-color-bg-default);
+  --color-button-secondary-color-bg-hover: var(--button-secondary-color-bg-hover);
+  --color-button-secondary-color-border-default: var(--button-secondary-color-border-default);
+  --color-button-secondary-color-border-hover: var(--button-secondary-color-border-hover);
+  --color-button-secondary-color-fg-default: var(--button-secondary-color-fg-default);
+  --color-button-secondary-color-fg-hover: var(--button-secondary-color-fg-hover);
+  --color-button-secondary-gray-bg-default: var(--button-secondary-gray-bg-default);
+  --color-button-secondary-gray-bg-hover: var(--button-secondary-gray-bg-hover);
+  --color-button-secondary-gray-border-default: var(--button-secondary-gray-border-default);
+  --color-button-secondary-gray-border-hover: var(--button-secondary-gray-border-hover);
+  --color-button-secondary-gray-fg-default: var(--button-secondary-gray-fg-default);
+  --color-button-secondary-gray-fg-hover: var(--button-secondary-gray-fg-hover);
+  --color-button-tertiary-color-bg-hover: var(--button-tertiary-color-bg-hover);
+  --color-button-tertiary-color-fg-default: var(--button-tertiary-color-fg-default);
+  --color-button-tertiary-color-fg-hover: var(--button-tertiary-color-fg-hover);
+  --color-button-tertiary-gray-bg-hover: var(--button-tertiary-gray-bg-hover);
+  --color-button-tertiary-gray-fg-default: var(--button-tertiary-gray-fg-default);
+  --color-button-tertiary-gray-fg-hover: var(--button-tertiary-gray-fg-hover);
+  --color-card-description-color: var(--card-description-color);
+  --color-card-foreground: var(--card-foreground);
+  --color-card-root-background: var(--card-root-background);
+  --color-card-root-foreground: var(--card-root-foreground);
+  --color-card: var(--card);
+  --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-tooltip-bg: var(--chart-tooltip-bg);
+  --color-chart-tooltip-border: var(--chart-tooltip-border);
+  --color-checkbox-indicator-color: var(--checkbox-indicator-color);
+  --color-checkbox-root-bg-checked: var(--checkbox-root-bg-checked);
+  --color-checkbox-root-bg-default: var(--checkbox-root-bg-default);
+  --color-checkbox-root-bg-disabled: var(--checkbox-root-bg-disabled);
+  --color-checkbox-root-border-checked: var(--checkbox-root-border-checked);
+  --color-checkbox-root-border-default: var(--checkbox-root-border-default);
+  --color-checkbox-root-border-focus: var(--checkbox-root-border-focus);
+  --color-color-chrome: var(--color-chrome);
+  --color-color-desktop: var(--color-desktop);
+  --color-color-edge: var(--color-edge);
+  --color-color-firefox: var(--color-firefox);
+  --color-color-mobile: var(--color-mobile);
+  --color-color-other: var(--color-other);
+  --color-color-picker-trigger-border: var(--color-picker-trigger-border);
+  --color-color-safari: var(--color-safari);
+  --color-combobox-content-bg: var(--combobox-content-bg);
+  --color-combobox-content-border: var(--combobox-content-border);
+  --color-combobox-content-fg: var(--combobox-content-fg);
+  --color-combobox-item-focus-bg: var(--combobox-item-focus-bg);
+  --color-combobox-item-focus-fg: var(--combobox-item-focus-fg);
+  --color-combobox-trigger-border-default: var(--combobox-trigger-border-default);
+  --color-combobox-trigger-border-focus: var(--combobox-trigger-border-focus);
+  --color-comment-system-item-background: var(--comment-system-item-background);
+  --color-comment-system-item-border: var(--comment-system-item-border);
+  --color-core-background-background: var(--core-background-background);
+  --color-core-background-card-foreground: var(--core-background-card-foreground);
+  --color-core-background-card: var(--core-background-card);
+  --color-core-background-foreground: var(--core-background-foreground);
+  --color-core-background-inversed-foreground: var(--core-background-inversed-foreground);
+  --color-core-background-muted-foreground: var(--core-background-muted-foreground);
+  --color-core-background-muted: var(--core-background-muted);
+  --color-core-background-overlay: var(--core-background-overlay);
+  --color-core-background-popover-foreground: var(--core-background-popover-foreground);
+  --color-core-background-popover: var(--core-background-popover);
+  --color-core-background-surface-foreground: var(--core-background-surface-foreground);
+  --color-core-background-surface: var(--core-background-surface);
+  --color-core-border-border: var(--core-border-border);
+  --color-core-border-input: var(--core-border-input);
+  --color-core-border-ring: var(--core-border-ring);
+  --color-datatable-error-state-icon-color: var(--datatable-error-state-icon-color);
+  --color-datatable-pagination-info-color: var(--datatable-pagination-info-color);
+  --color-datatable-row-bg-highlighted: var(--datatable-row-bg-highlighted);
+  --color-datatable-row-bg-hover: var(--datatable-row-bg-hover);
+  --color-datatable-row-bg-selected: var(--datatable-row-bg-selected);
+  --color-datatable-sort-badge-bg: var(--datatable-sort-badge-bg);
+  --color-datatable-sort-badge-fg: var(--datatable-sort-badge-fg);
+  --color-datatable-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
+  --color-destructive-border: var(--destructive-border);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-destructive-subtle-fg: var(--destructive-subtle-fg);
+  --color-destructive-subtle: var(--destructive-subtle);
+  --color-destructive: var(--destructive);
+  --color-disabled-background: var(--disabled-background);
+  --color-disabled-border: var(--disabled-border);
+  --color-disabled-foreground: var(--disabled-foreground);
+  --color-disabled: var(--disabled);
+  --color-divider-color-default: var(--divider-color-default);
+  --color-divider-color-dual: var(--divider-color-dual);
+  --color-divider-content-bg-default: var(--divider-content-bg-default);
+  --color-divider-content-bg-fill: var(--divider-content-bg-fill);
+  --color-divider-content-text-default: var(--divider-content-text-default);
+  --color-divider-content-text-heading: var(--divider-content-text-heading);
+  --color-drag-and-drop-droppable-background-active: var(--drag-and-drop-droppable-background-active);
+  --color-drag-and-drop-droppable-border-active: var(--drag-and-drop-droppable-border-active);
+  --color-drag-and-drop-handle-color-hover: var(--drag-and-drop-handle-color-hover);
+  --color-drag-and-drop-handle-color: var(--drag-and-drop-handle-color);
+  --color-drag-and-drop-overlay-background: var(--drag-and-drop-overlay-background);
+  --color-drawer-content-bg: var(--drawer-content-bg);
+  --color-drawer-content-border: var(--drawer-content-border);
+  --color-drawer-handle-bg: var(--drawer-handle-bg);
+  --color-drawer-overlay-bg: var(--drawer-overlay-bg);
+  --color-empty-state-media-icon-bg: var(--empty-state-media-icon-bg);
+  --color-empty-state-media-icon-fg: var(--empty-state-media-icon-fg);
+  --color-extended-chart-1: var(--extended-chart-1);
+  --color-extended-chart-2: var(--extended-chart-2);
+  --color-extended-chart-3: var(--extended-chart-3);
+  --color-extended-chart-4: var(--extended-chart-4);
+  --color-extended-chart-5: var(--extended-chart-5);
+  --color-feed-content-description-color: var(--feed-content-description-color);
+  --color-feed-icon-background: var(--feed-icon-background);
+  --color-feed-icon-color: var(--feed-icon-color);
+  --color-feed-item-background-active: var(--feed-item-background-active);
+  --color-feed-item-background-highlight: var(--feed-item-background-highlight);
+  --color-feed-item-border-color: var(--feed-item-border-color);
+  --color-feed-timestamp-color: var(--feed-timestamp-color);
+  --color-file-upload-dropzone-background-hover: var(--file-upload-dropzone-background-hover);
+  --color-file-upload-dropzone-background: var(--file-upload-dropzone-background);
+  --color-file-upload-dropzone-border-color: var(--file-upload-dropzone-border-color);
+  --color-file-upload-icon-color: var(--file-upload-icon-color);
+  --color-file-upload-item-border: var(--file-upload-item-border);
+  --color-filter-builder-group-border-color: var(--filter-builder-group-border-color);
+  --color-focus-ring-color: var(--focus-ring-color);
+  --color-focus-ring-destructive-color: var(--focus-ring-destructive-color);
+  --color-focus-ring-ghost-color: var(--focus-ring-ghost-color);
+  --color-focus-ring-outline-color: var(--focus-ring-outline-color);
+  --color-focus-ring-primary-color: var(--focus-ring-primary-color);
+  --color-focus-ring-secondary-color: var(--focus-ring-secondary-color);
+  --color-foreground: var(--foreground);
+  --color-form-error-fg: var(--form-error-fg);
+  --color-form-helper-fg: var(--form-helper-fg);
+  --color-form-label-fg: var(--form-label-fg);
+  --color-heading-base-color: var(--heading-base-color);
+  --color-heading-color-default: var(--heading-color-default);
+  --color-heading-color-destructive: var(--heading-color-destructive);
+  --color-heading-color-muted: var(--heading-color-muted);
+  --color-heading-color-primary: var(--heading-color-primary);
+  --color-icon-color-destructive: var(--icon-color-destructive);
+  --color-icon-color-muted: var(--icon-color-muted);
+  --color-icon-color-primary: var(--icon-color-primary);
+  --color-icon-color-success: var(--icon-color-success);
+  --color-icon-color-warning: var(--icon-color-warning);
+  --color-image-rounded-circle: var(--image-rounded-circle);
+  --color-image-rounded-rounded: var(--image-rounded-rounded);
+  --color-image-skeleton-bg: var(--image-skeleton-bg);
+  --color-info-border: var(--info-border);
+  --color-info-foreground: var(--info-foreground);
+  --color-info-subtle-fg: var(--info-subtle-fg);
+  --color-info-subtle: var(--info-subtle);
+  --color-info: var(--info);
+  --color-input-bg-default: var(--input-bg-default);
+  --color-input-bg-disabled: var(--input-bg-disabled);
+  --color-input-border-default: var(--input-border-default);
+  --color-input-border-error: var(--input-border-error);
+  --color-input-border-focus: var(--input-border-focus);
+  --color-input-fg-default: var(--input-fg-default);
+  --color-input-fg-disabled: var(--input-fg-disabled);
+  --color-input-fg-icon: var(--input-fg-icon);
+  --color-input-fg-placeholder: var(--input-fg-placeholder);
+  --color-input-otp-caret-color: var(--input-otp-caret-color);
+  --color-input-otp-slot-active-border: var(--input-otp-slot-active-border);
+  --color-input-otp-slot-active-ring: var(--input-otp-slot-active-ring);
+  --color-input-otp-slot-bg: var(--input-otp-slot-bg);
+  --color-input-otp-slot-border: var(--input-otp-slot-border);
+  --color-input: var(--input);
+  --color-kanban-card-background: var(--kanban-card-background);
+  --color-kanban-card-foreground: var(--kanban-card-foreground);
+  --color-kanban-column-background: var(--kanban-column-background);
+  --color-kbd-root-border-color: var(--kbd-root-border-color);
+  --color-kbd-variant-default-background: var(--kbd-variant-default-background);
+  --color-kbd-variant-default-color: var(--kbd-variant-default-color);
+  --color-kbd-variant-ghost-background: var(--kbd-variant-ghost-background);
+  --color-kbd-variant-ghost-color: var(--kbd-variant-ghost-color);
+  --color-kbd-variant-outline-background: var(--kbd-variant-outline-background);
+  --color-kbd-variant-outline-border-color: var(--kbd-variant-outline-border-color);
+  --color-kbd-variant-outline-color: var(--kbd-variant-outline-color);
+  --color-kpi-card-sparkline-down: var(--kpi-card-sparkline-down);
+  --color-kpi-card-sparkline-neutral: var(--kpi-card-sparkline-neutral);
+  --color-kpi-card-sparkline-up: var(--kpi-card-sparkline-up);
+  --color-kpi-card-trend-down: var(--kpi-card-trend-down);
+  --color-kpi-card-trend-neutral: var(--kpi-card-trend-neutral);
+  --color-kpi-card-trend-up: var(--kpi-card-trend-up);
+  --color-label-optional-color: var(--label-optional-color);
+  --color-label-required-color: var(--label-required-color);
+  --color-layout-header-background: var(--layout-header-background);
+  --color-layout-header-border: var(--layout-header-border);
+  --color-layout-rail-background: var(--layout-rail-background);
+  --color-layout-rail-border: var(--layout-rail-border);
+  --color-layout-sidebar-background: var(--layout-sidebar-background);
+  --color-layout-sidebar-border: var(--layout-sidebar-border);
+  --color-lightbox-button-background-hover: var(--lightbox-button-background-hover);
+  --color-lightbox-button-background: var(--lightbox-button-background);
+  --color-lightbox-button-color: var(--lightbox-button-color);
+  --color-lightbox-content-background: var(--lightbox-content-background);
+  --color-lightbox-header-text-color: var(--lightbox-header-text-color);
+  --color-lightbox-overlay-background: var(--lightbox-overlay-background);
+  --color-lightbox-thumbnail-ring-color: var(--lightbox-thumbnail-ring-color);
+  --color-link-color-default: var(--link-color-default);
+  --color-link-color-muted: var(--link-color-muted);
+  --color-link-color-nav-hover: var(--link-color-nav-hover);
+  --color-link-color-nav: var(--link-color-nav);
+  --color-link-color-subtle: var(--link-color-subtle);
+  --color-markdown-editor-area-background: var(--markdown-editor-area-background);
+  --color-markdown-editor-area-foreground: var(--markdown-editor-area-foreground);
+  --color-markdown-editor-help-code-bg: var(--markdown-editor-help-code-bg);
+  --color-markdown-editor-preview-background: var(--markdown-editor-preview-background);
+  --color-markdown-editor-root-background: var(--markdown-editor-root-background);
+  --color-markdown-editor-root-border: var(--markdown-editor-root-border);
+  --color-markdown-editor-toolbar-background: var(--markdown-editor-toolbar-background);
+  --color-markdown-editor-toolbar-border-bottom: var(--markdown-editor-toolbar-border-bottom);
+  --color-modal-content-bg: var(--modal-content-bg);
+  --color-modal-content-border: var(--modal-content-border);
+  --color-modal-overlay-bg: var(--modal-overlay-bg);
+  --color-multiselect-content-bg: var(--multiselect-content-bg);
+  --color-multiselect-content-fg: var(--multiselect-content-fg);
+  --color-multiselect-empty-fg: var(--multiselect-empty-fg);
+  --color-multiselect-tag-bg: var(--multiselect-tag-bg);
+  --color-multiselect-tag-fg: var(--multiselect-tag-fg);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-navbar-root-background: var(--navbar-root-background);
+  --color-navbar-root-border-color: var(--navbar-root-border-color);
+  --color-navigation-menu-content-bg: var(--navigation-menu-content-bg);
+  --color-navigation-menu-content-text: var(--navigation-menu-content-text);
+  --color-navigation-menu-indicator-bg: var(--navigation-menu-indicator-bg);
+  --color-navigation-menu-trigger-bg: var(--navigation-menu-trigger-bg);
+  --color-navigation-menu-trigger-hover-bg: var(--navigation-menu-trigger-hover-bg);
+  --color-navigation-menu-trigger-hover-text: var(--navigation-menu-trigger-hover-text);
+  --color-navigation-menu-viewport-bg: var(--navigation-menu-viewport-bg);
+  --color-navigation-menu-viewport-text: var(--navigation-menu-viewport-text);
+  --color-notification-bg-hover: var(--notification-bg-hover);
+  --color-notification-bg-read: var(--notification-bg-read);
+  --color-notification-bg-unread: var(--notification-bg-unread);
+  --color-notification-dot-color-default: var(--notification-dot-color-default);
+  --color-notification-dot-color-error: var(--notification-dot-color-error);
+  --color-notification-dot-color-info: var(--notification-dot-color-info);
+  --color-notification-dot-color-success: var(--notification-dot-color-success);
+  --color-notification-dot-color-warning: var(--notification-dot-color-warning);
+  --color-overlay: var(--overlay);
+  --color-paragraph-color-default: var(--paragraph-color-default);
+  --color-paragraph-color-destructive: var(--paragraph-color-destructive);
+  --color-paragraph-color-muted: var(--paragraph-color-muted);
+  --color-paragraph-color-primary: var(--paragraph-color-primary);
+  --color-paragraph-color-success: var(--paragraph-color-success);
+  --color-payment-input-icon-color-active: var(--payment-input-icon-color-active);
+  --color-payment-input-icon-color: var(--payment-input-icon-color);
+  --color-phone-input-country-select-border-color: var(--phone-input-country-select-border-color);
+  --color-popover-bg: var(--popover-bg);
+  --color-popover-border: var(--popover-border);
+  --color-popover-content-background: var(--popover-content-background);
+  --color-popover-content-foreground: var(--popover-content-foreground);
+  --color-popover-fg: var(--popover-fg);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-primary-active: var(--primary-active);
+  --color-primary-border: var(--primary-border);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary-hover: var(--primary-hover);
+  --color-primary-subtle-foreground: var(--primary-subtle-foreground);
+  --color-primary-subtle: var(--primary-subtle);
+  --color-primary: var(--primary);
+  --color-priority-high-bg: var(--priority-high-bg);
+  --color-priority-high-text: var(--priority-high-text);
+  --color-priority-low-bg: var(--priority-low-bg);
+  --color-priority-low-text: var(--priority-low-text);
+  --color-priority-medium-bg: var(--priority-medium-bg);
+  --color-priority-medium-text: var(--priority-medium-text);
+  --color-priority-urgent-bg: var(--priority-urgent-bg);
+  --color-priority-urgent-text: var(--priority-urgent-text);
+  --color-progress-bar-fill-color-default: var(--progress-bar-fill-color-default);
+  --color-progress-bar-fill-color-error: var(--progress-bar-fill-color-error);
+  --color-progress-bar-fill-color-primary: var(--progress-bar-fill-color-primary);
+  --color-progress-bar-fill-color-success: var(--progress-bar-fill-color-success);
+  --color-progress-bar-fill-color-warning: var(--progress-bar-fill-color-warning);
+  --color-progress-bar-label-position-bottom-color: var(--progress-bar-label-position-bottom-color);
+  --color-progress-bar-label-position-floating-color: var(--progress-bar-label-position-floating-color);
+  --color-progress-bar-label-position-right-color: var(--progress-bar-label-position-right-color);
+  --color-progress-bar-track-color-default: var(--progress-bar-track-color-default);
+  --color-progress-bar-track-color-error: var(--progress-bar-track-color-error);
+  --color-progress-bar-track-color-primary: var(--progress-bar-track-color-primary);
+  --color-progress-bar-track-color-success: var(--progress-bar-track-color-success);
+  --color-progress-bar-track-color-warning: var(--progress-bar-track-color-warning);
+  --color-progress-circle-indicator-color-default: var(--progress-circle-indicator-color-default);
+  --color-progress-circle-indicator-color-error: var(--progress-circle-indicator-color-error);
+  --color-progress-circle-indicator-color-primary: var(--progress-circle-indicator-color-primary);
+  --color-progress-circle-indicator-color-success: var(--progress-circle-indicator-color-success);
+  --color-progress-circle-indicator-color-warning: var(--progress-circle-indicator-color-warning);
+  --color-progress-circle-label-color: var(--progress-circle-label-color);
+  --color-progress-circle-track-color-default: var(--progress-circle-track-color-default);
+  --color-progress-circle-track-color-error: var(--progress-circle-track-color-error);
+  --color-progress-circle-track-color-primary: var(--progress-circle-track-color-primary);
+  --color-progress-circle-track-color-success: var(--progress-circle-track-color-success);
+  --color-progress-circle-track-color-warning: var(--progress-circle-track-color-warning);
+  --color-progress-circle-value-color: var(--progress-circle-value-color);
+  --color-radio-indicator-color: var(--radio-indicator-color);
+  --color-radio-root-bg-checked: var(--radio-root-bg-checked);
+  --color-radio-root-bg-default: var(--radio-root-bg-default);
+  --color-radio-root-bg-disabled: var(--radio-root-bg-disabled);
+  --color-radio-root-border-checked: var(--radio-root-border-checked);
+  --color-radio-root-border-default: var(--radio-root-border-default);
+  --color-radio-root-border-focus: var(--radio-root-border-focus);
+  --color-rail-accent-foreground: var(--rail-accent-foreground);
+  --color-rail-accent: var(--rail-accent);
+  --color-rail-background: var(--rail-background);
+  --color-rail-border: var(--rail-border);
+  --color-rating-icon-color-empty: var(--rating-icon-color-empty);
+  --color-rating-icon-color-filled: var(--rating-icon-color-filled);
+  --color-resizable-handle-bg: var(--resizable-handle-bg);
+  --color-resizable-handle-grip-bg: var(--resizable-handle-grip-bg);
+  --color-resizable-handle-ring: var(--resizable-handle-ring);
+  --color-rich-text-editor-root-background: var(--rich-text-editor-root-background);
+  --color-rich-text-editor-root-border: var(--rich-text-editor-root-border);
+  --color-rich-text-editor-toolbar-background: var(--rich-text-editor-toolbar-background);
+  --color-rich-text-editor-toolbar-border-bottom: var(--rich-text-editor-toolbar-border-bottom);
+  --color-ring-offset: var(--ring-offset);
+  --color-ring: var(--ring);
+  --color-scroll-bar-thumb-bg: var(--scroll-bar-thumb-bg);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary-hover: var(--secondary-hover);
+  --color-secondary-subtle-foreground: var(--secondary-subtle-foreground);
+  --color-secondary-subtle: var(--secondary-subtle);
+  --color-secondary: var(--secondary);
+  --color-select-content-bg: var(--select-content-bg);
+  --color-select-content-border: var(--select-content-border);
+  --color-select-content-fg: var(--select-content-fg);
+  --color-select-item-focus-bg: var(--select-item-focus-bg);
+  --color-select-item-focus-fg: var(--select-item-focus-fg);
+  --color-sheet-content-bg: var(--sheet-content-bg);
+  --color-sheet-content-border: var(--sheet-content-border);
+  --color-sheet-overlay-bg-blur: var(--sheet-overlay-bg-blur);
+  --color-sheet-overlay-bg-default: var(--sheet-overlay-bg-default);
+  --color-sheet-overlay-bg-light: var(--sheet-overlay-bg-light);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-background: var(--sidebar-background);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-input-background: var(--sidebar-input-background);
+  --color-sidebar-input-border: var(--sidebar-input-border);
+  --color-sidebar-input-foreground: var(--sidebar-input-foreground);
+  --color-single-stat-label-color: var(--single-stat-label-color);
+  --color-single-stat-value-color: var(--single-stat-value-color);
+  --color-skeleton-bg: var(--skeleton-bg);
+  --color-slider-range-bg-default: var(--slider-range-bg-default);
+  --color-slider-thumb-bg: var(--slider-thumb-bg);
+  --color-slider-thumb-border: var(--slider-thumb-border);
+  --color-slider-track-bg: var(--slider-track-bg);
+  --color-spinner-color-default: var(--spinner-color-default);
+  --color-spinner-color-error: var(--spinner-color-error);
+  --color-spinner-color-primary: var(--spinner-color-primary);
+  --color-spinner-color-secondary: var(--spinner-color-secondary);
+  --color-spinner-color-success: var(--spinner-color-success);
+  --color-spinner-color-warning: var(--spinner-color-warning);
+  --color-spinner-gradient-end: var(--spinner-gradient-end);
+  --color-spinner-gradient-start: var(--spinner-gradient-start);
+  --color-split-button-divider-color-contrast: var(--split-button-divider-color-contrast);
+  --color-split-button-divider-color: var(--split-button-divider-color);
+  --color-status-approved-bg: var(--status-approved-bg);
+  --color-status-approved-dot: var(--status-approved-dot);
+  --color-status-approved-text: var(--status-approved-text);
+  --color-status-cancelled-bg: var(--status-cancelled-bg);
+  --color-status-cancelled-dot: var(--status-cancelled-dot);
+  --color-status-cancelled-text: var(--status-cancelled-text);
+  --color-status-changes-requested-bg: var(--status-changes-requested-bg);
+  --color-status-changes-requested-dot: var(--status-changes-requested-dot);
+  --color-status-changes-requested-text: var(--status-changes-requested-text);
+  --color-status-destructive-background: var(--status-destructive-background);
+  --color-status-destructive-border: var(--status-destructive-border);
+  --color-status-destructive-foreground: var(--status-destructive-foreground);
+  --color-status-destructive-hover: var(--status-destructive-hover);
+  --color-status-destructive-subtle-foreground: var(--status-destructive-subtle-foreground);
+  --color-status-destructive-subtle: var(--status-destructive-subtle);
+  --color-status-disabled-border: var(--status-disabled-border);
+  --color-status-disabled-disabled: var(--status-disabled-disabled);
+  --color-status-disabled-foreground: var(--status-disabled-foreground);
+  --color-status-escalated-bg: var(--status-escalated-bg);
+  --color-status-escalated-dot: var(--status-escalated-dot);
+  --color-status-escalated-text: var(--status-escalated-text);
+  --color-status-expired-bg: var(--status-expired-bg);
+  --color-status-expired-dot: var(--status-expired-dot);
+  --color-status-expired-text: var(--status-expired-text);
+  --color-status-in-review-bg: var(--status-in-review-bg);
+  --color-status-in-review-dot: var(--status-in-review-dot);
+  --color-status-in-review-text: var(--status-in-review-text);
+  --color-status-indicator-dot-color-error: var(--status-indicator-dot-color-error);
+  --color-status-indicator-dot-color-info: var(--status-indicator-dot-color-info);
+  --color-status-indicator-dot-color-neutral: var(--status-indicator-dot-color-neutral);
+  --color-status-indicator-dot-color-success: var(--status-indicator-dot-color-success);
+  --color-status-indicator-dot-color-warning: var(--status-indicator-dot-color-warning);
+  --color-status-indicator-label-color: var(--status-indicator-label-color);
+  --color-status-info-background: var(--status-info-background);
+  --color-status-info-border: var(--status-info-border);
+  --color-status-info-foreground: var(--status-info-foreground);
+  --color-status-info-subtle-foreground: var(--status-info-subtle-foreground);
+  --color-status-info-subtle: var(--status-info-subtle);
+  --color-status-pending-bg: var(--status-pending-bg);
+  --color-status-pending-dot: var(--status-pending-dot);
+  --color-status-pending-text: var(--status-pending-text);
+  --color-status-rejected-bg: var(--status-rejected-bg);
+  --color-status-rejected-dot: var(--status-rejected-dot);
+  --color-status-rejected-text: var(--status-rejected-text);
+  --color-status-success-background: var(--status-success-background);
+  --color-status-success-border: var(--status-success-border);
+  --color-status-success-foreground: var(--status-success-foreground);
+  --color-status-success-subtle-foreground: var(--status-success-subtle-foreground);
+  --color-status-success-subtle: var(--status-success-subtle);
+  --color-status-warning-background: var(--status-warning-background);
+  --color-status-warning-border: var(--status-warning-border);
+  --color-status-warning-foreground: var(--status-warning-foreground);
+  --color-status-warning-subtle-foreground: var(--status-warning-subtle-foreground);
+  --color-status-warning-subtle: var(--status-warning-subtle);
+  --color-stepper-indicator-background-active: var(--stepper-indicator-background-active);
+  --color-stepper-indicator-background-inactive: var(--stepper-indicator-background-inactive);
+  --color-stepper-indicator-color-active: var(--stepper-indicator-color-active);
+  --color-stepper-indicator-color-inactive: var(--stepper-indicator-color-inactive);
+  --color-stepper-separator-color-active: var(--stepper-separator-color-active);
+  --color-stepper-separator-color: var(--stepper-separator-color);
+  --color-success-border: var(--success-border);
+  --color-success-foreground: var(--success-foreground);
+  --color-success-subtle-fg: var(--success-subtle-fg);
+  --color-success-subtle: var(--success-subtle);
+  --color-success: var(--success);
+  --color-surface-default: var(--surface-default);
+  --color-surface-disabled: var(--surface-disabled);
+  --color-surface-foreground: var(--surface-foreground);
+  --color-surface-hover: var(--surface-hover);
+  --color-surface-overlay: var(--surface-overlay);
+  --color-surface-raised: var(--surface-raised);
+  --color-surface-selected: var(--surface-selected);
+  --color-surface-sunken: var(--surface-sunken);
+  --color-surface: var(--surface);
+  --color-switch-thumb-bg: var(--switch-thumb-bg);
+  --color-switch-track-bg-disabled: var(--switch-track-bg-disabled);
+  --color-switch-track-bg-off: var(--switch-track-bg-off);
+  --color-switch-track-bg-on: var(--switch-track-bg-on);
+  --color-table-caption-fg: var(--table-caption-fg);
+  --color-table-footer-border: var(--table-footer-border);
+  --color-table-header-bg: var(--table-header-bg);
+  --color-table-header-fg: var(--table-header-fg);
+  --color-table-row-border: var(--table-row-border);
+  --color-table-row-selected: var(--table-row-selected);
+  --color-tabs-list-bg: var(--tabs-list-bg);
+  --color-tabs-list-fg: var(--tabs-list-fg);
+  --color-tabs-trigger-active-bg: var(--tabs-trigger-active-bg);
+  --color-tabs-trigger-active-fg: var(--tabs-trigger-active-fg);
+  --color-tabs-trigger-focus-ring: var(--tabs-trigger-focus-ring);
+  --color-tabs-trigger-inactive-fg: var(--tabs-trigger-inactive-fg);
+  --color-tag-checkbox-bg-checked: var(--tag-checkbox-bg-checked);
+  --color-tag-checkbox-bg-default: var(--tag-checkbox-bg-default);
+  --color-tag-checkbox-border-checked: var(--tag-checkbox-border-checked);
+  --color-tag-checkbox-border-default: var(--tag-checkbox-border-default);
+  --color-tag-checkbox-text-checked: var(--tag-checkbox-text-checked);
+  --color-tag-color-bg-checked: var(--tag-color-bg-checked);
+  --color-tag-color-bg-default: var(--tag-color-bg-default);
+  --color-tag-color-bg-hover: var(--tag-color-bg-hover);
+  --color-tag-color-border-checked: var(--tag-color-border-checked);
+  --color-tag-color-border-default: var(--tag-color-border-default);
+  --color-tag-color-text-default: var(--tag-color-text-default);
+  --color-tags-input-input-background: var(--tags-input-input-background);
+  --color-tags-input-root-background: var(--tags-input-root-background);
+  --color-tags-input-root-border: var(--tags-input-root-border);
+  --color-tags-input-tag-background: var(--tags-input-tag-background);
+  --color-tags-input-tag-foreground: var(--tags-input-tag-foreground);
+  --color-task-status-backlog-bg: var(--task-status-backlog-bg);
+  --color-task-status-backlog-dot: var(--task-status-backlog-dot);
+  --color-task-status-backlog-text: var(--task-status-backlog-text);
+  --color-task-status-blocked-bg: var(--task-status-blocked-bg);
+  --color-task-status-blocked-dot: var(--task-status-blocked-dot);
+  --color-task-status-blocked-text: var(--task-status-blocked-text);
+  --color-task-status-done-bg: var(--task-status-done-bg);
+  --color-task-status-done-dot: var(--task-status-done-dot);
+  --color-task-status-done-text: var(--task-status-done-text);
+  --color-task-status-in-progress-bg: var(--task-status-in-progress-bg);
+  --color-task-status-in-progress-dot: var(--task-status-in-progress-dot);
+  --color-task-status-in-progress-text: var(--task-status-in-progress-text);
+  --color-task-status-in-review-bg: var(--task-status-in-review-bg);
+  --color-task-status-in-review-dot: var(--task-status-in-review-dot);
+  --color-task-status-in-review-text: var(--task-status-in-review-text);
+  --color-task-status-todo-bg: var(--task-status-todo-bg);
+  --color-task-status-todo-dot: var(--task-status-todo-dot);
+  --color-task-status-todo-text: var(--task-status-todo-text);
+  --color-text-color-default: var(--text-color-default);
+  --color-text-color-muted: var(--text-color-muted);
+  --color-text-disabled: var(--text-disabled);
+  --color-text-error: var(--text-error);
+  --color-text-info: var(--text-info);
+  --color-text-inverse: var(--text-inverse);
+  --color-text-muted: var(--text-muted);
+  --color-text-on-destructive: var(--text-on-destructive);
+  --color-text-on-primary: var(--text-on-primary);
+  --color-text-placeholder: var(--text-placeholder);
+  --color-text-primary: var(--text-primary);
+  --color-text-secondary: var(--text-secondary);
+  --color-text-success: var(--text-success);
+  --color-text-tertiary: var(--text-tertiary);
+  --color-text-warning: var(--text-warning);
+  --color-textarea-bg-default: var(--textarea-bg-default);
+  --color-textarea-bg-disabled: var(--textarea-bg-disabled);
+  --color-textarea-border-default: var(--textarea-border-default);
+  --color-textarea-border-error: var(--textarea-border-error);
+  --color-textarea-border-focus: var(--textarea-border-focus);
+  --color-textarea-fg-default: var(--textarea-fg-default);
+  --color-textarea-fg-disabled: var(--textarea-fg-disabled);
+  --color-textarea-fg-placeholder: var(--textarea-fg-placeholder);
+  --color-thumbnail-root-bg: var(--thumbnail-root-bg);
+  --color-thumbnail-rounded-default: var(--thumbnail-rounded-default);
+  --color-thumbnail-rounded-full: var(--thumbnail-rounded-full);
+  --color-thumbnail-rounded-lg: var(--thumbnail-rounded-lg);
+  --color-thumbnail-rounded-sm: var(--thumbnail-rounded-sm);
+  --color-tip-bg: var(--tip-bg);
+  --color-tip-foreground: var(--tip-foreground);
+  --color-tip: var(--tip);
+  --color-toggle-group-item-background-active: var(--toggle-group-item-background-active);
+  --color-toggle-group-item-color-active: var(--toggle-group-item-color-active);
+  --color-toggle-group-root-background: var(--toggle-group-root-background);
+  --color-toggle-variant-default-bg-default: var(--toggle-variant-default-bg-default);
+  --color-toggle-variant-default-bg-hover: var(--toggle-variant-default-bg-hover);
+  --color-toggle-variant-default-bg-on: var(--toggle-variant-default-bg-on);
+  --color-toggle-variant-default-border: var(--toggle-variant-default-border);
+  --color-toggle-variant-default-color-default: var(--toggle-variant-default-color-default);
+  --color-toggle-variant-default-color-hover: var(--toggle-variant-default-color-hover);
+  --color-toggle-variant-default-color-on: var(--toggle-variant-default-color-on);
+  --color-toggle-variant-outline-bg-default: var(--toggle-variant-outline-bg-default);
+  --color-toggle-variant-outline-bg-hover: var(--toggle-variant-outline-bg-hover);
+  --color-toggle-variant-outline-bg-on: var(--toggle-variant-outline-bg-on);
+  --color-toggle-variant-outline-border: var(--toggle-variant-outline-border);
+  --color-toggle-variant-outline-color-default: var(--toggle-variant-outline-color-default);
+  --color-toggle-variant-outline-color-hover: var(--toggle-variant-outline-color-hover);
+  --color-toggle-variant-outline-color-on: var(--toggle-variant-outline-color-on);
+  --color-toolbar-button-background-hover: var(--toolbar-button-background-hover);
+  --color-toolbar-button-foreground-muted: var(--toolbar-button-foreground-muted);
+  --color-toolbar-button-foreground: var(--toolbar-button-foreground);
+  --color-toolbar-root-background: var(--toolbar-root-background);
+  --color-toolbar-root-border: var(--toolbar-root-border);
+  --color-toolbar-separator-color: var(--toolbar-separator-color);
+  --color-tooltip-content-background: var(--tooltip-content-background);
+  --color-tooltip-content-foreground: var(--tooltip-content-foreground);
+  --color-warning-border: var(--warning-border);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-warning-subtle-fg: var(--warning-subtle-fg);
+  --color-warning-subtle: var(--warning-subtle);
+  --color-warning: var(--warning);
+  --radius-2xl: var(--radius-2xl);
+  --radius-3xl: var(--radius-3xl);
+  --radius-4xl: var(--radius-4xl);
+  --radius-circle: var(--avatar-radius-circle);
+  --radius-default: var(--badge-radius-default);
+  --radius-full: var(--button-radius-full);
+  --radius-lg: var(--radius-lg);
+  --radius-md: var(--radius-md);
+  --radius-none: var(--radius-none);
+  --radius-pill: var(--radius-pill);
+  --radius-radius: var(--radius);
+  --radius-sm: var(--radius-sm);
+  --radius-square: var(--avatar-radius-square);
+  --radius-xl: var(--radius-xl);
+  --radius-xs: var(--radius-xs);
+  --shadow-default: var(--button-shadow-default);
+  --shadow-lg: var(--card-root-shadow-lg);
+  --shadow-shadow: var(--autocomplete-content-shadow);
+  --shadow-sm: var(--button-shadow-sm);
+  --shadow-xl: var(--card-root-shadow-xl);
+  --shadow-xs: var(--button-shadow-xs);
+  --spacing-none: var(--spacing-none);
+  --spacing-normal: var(--paragraph-spacing-normal);
+  --spacing-relaxed: var(--paragraph-spacing-relaxed);
+  --spacing-s-12: var(--spacing-s-12);
+  --spacing-s-16: var(--spacing-s-16);
+  --spacing-s-1: var(--spacing-s-1);
+  --spacing-s-20: var(--spacing-s-20);
+  --spacing-s-24: var(--spacing-s-24);
+  --spacing-s-2: var(--spacing-s-2);
+  --spacing-s-32: var(--spacing-s-32);
+  --spacing-s-40: var(--spacing-s-40);
+  --spacing-s-48: var(--spacing-s-48);
+  --spacing-s-4: var(--spacing-s-4);
+  --spacing-s-56: var(--spacing-s-56);
+  --spacing-s-64: var(--spacing-s-64);
+  --spacing-s-8: var(--spacing-s-8);
+  --spacing-spacing: var(--spacing);
+  --spacing-tight: var(--paragraph-spacing-tight);
+  --text-2xl: var(--text-font-size-2xl);
+  --text-2xs: var(--text-font-size-2xs);
+  --text-3xl: var(--text-font-size-3xl);
+  --text-4xl: var(--text-font-size-4xl);
+  --text-5xl: var(--text-font-size-5xl);
+  --text-6xl: var(--text-font-size-6xl);
+  --text-7xl: var(--text-font-size-7xl);
+  --text-8xl: var(--text-font-size-8xl);
+  --text-9xl: var(--text-font-size-9xl);
+  --text-base: var(--text-font-size-base);
+  --text-font-size: var(--typography-heading-h1-font-size);
+  --text-lg: var(--text-font-size-lg);
+  --text-sm: var(--text-font-size-sm);
+  --text-xl: var(--text-font-size-xl);
+  --text-xs: var(--text-font-size-xs);
+}