@etus/tokens 0.1.0 → 0.1.1

package/dist/tokens.css

@@ -0,0 +1,3102 @@
+@import 'tailwindcss';
+
+/* ============================================
+   Seven Design System - Design Tokens
+   Generated by Style Dictionary
+   ============================================ */
+
+/* Light Theme & Global Tokens */
+:root {
+  --accent-dark: oklch(26.30% 0.0630 151.19);
+  --accent-dark:input\50: oklch(97.74% 0.0368 137.83);
+  --accent-foreground-dark: oklch(95.66% 0.0052 67.76);
+  --accent-foreground-light: oklch(19.53% 0.0020 106.58);
+  --accent-foreground: oklch(19.53% 0.0020 106.58);
+  --accent-light: oklch(97.74% 0.0368 137.83);
+  --accent: oklch(97.74% 0.0368 137.83);
+  --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.82% 0.0029 84.56);
+  --alert-variant-default-fg: oklch(19.53% 0.0020 106.58);
+  --alert-variant-destructive-bg: oklch(100.00% 0.0000 0);
+  --alert-variant-destructive-border: oklch(56.65% 0.1994 21.83);
+  --alert-variant-destructive-fg: oklch(56.65% 0.1994 21.83);
+  --alpha-10: oklch(100.00% 0.0000 0 / 90.2%);
+  --alpha-20: oklch(100.00% 0.0000 0 / 80.0%);
+  --alpha-30: oklch(100.00% 0.0000 0 / 70.2%);
+  --alpha-40: oklch(100.00% 0.0000 0 / 60.0%);
+  --alpha-50: oklch(100.00% 0.0000 0 / 50.2%);
+  --alpha-5: oklch(100.00% 0.0000 0 / 94.9%);
+  --alpha-60: oklch(100.00% 0.0000 0 / 40.0%);
+  --alpha-70: oklch(100.00% 0.0000 0 / 30.2%);
+  --alpha-80: oklch(100.00% 0.0000 0 / 20.0%);
+  --alpha-90: oklch(100.00% 0.0000 0 / 10.2%);
+  --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.82% 0.0029 84.56);
+  --asset-manager-item-radius: 0.375rem;
+  --asset-manager-preview-background: oklch(95.66% 0.0052 67.76);
+  --asset-manager-preview-height: 150px;
+  --autocomplete-content-bg: oklch(100.00% 0.0000 0);
+  --autocomplete-content-border: oklch(92.82% 0.0029 84.56);
+  --autocomplete-content-fg: oklch(40.23% 0.0021 67.76);
+  --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(65.05% 0.0063 84.57);
+  --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(97.74% 0.0368 137.83);
+  --autocomplete-item-highlighted-fg: oklch(19.53% 0.0020 106.58);
+  --autocomplete-item-padding-x: 8px;
+  --autocomplete-item-padding-y: 6px;
+  --autocomplete-item-radius: 0.125rem;
+  --autocomplete-item-text: 0.875rem;
+  --autocomplete-loading-fg: oklch(65.05% 0.0063 84.57);
+  --autocomplete-loading-padding: 8px;
+  --autocomplete-loading-text: 0.875rem;
+  --avatar-border-contrast: rgba(0, 0, 0, 0.08);
+  --avatar-fallback-bg-default: oklch(95.66% 0.0052 67.76);
+  --avatar-fallback-bg-destructive: oklch(56.65% 0.1994 21.83);
+  --avatar-fallback-bg-primary: oklch(81.06% 0.2032 150.12);
+  --avatar-fallback-bg-secondary: oklch(95.66% 0.0052 67.76);
+  --avatar-fallback-bg-success: oklch(86.93% 0.1976 127.63);
+  --avatar-fallback-bg-warning: oklch(90.39% 0.1726 107.97);
+  --avatar-fallback-text-default: oklch(65.05% 0.0063 84.57);
+  --avatar-fallback-text-destructive: oklch(95.00% 0.0174 13.10);
+  --avatar-fallback-text-primary: oklch(19.53% 0.0020 106.58);
+  --avatar-fallback-text-secondary: oklch(19.53% 0.0020 106.58);
+  --avatar-fallback-text-success: oklch(19.53% 0.0020 106.58);
+  --avatar-fallback-text-warning: oklch(19.53% 0.0020 106.58);
+  --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-dark: oklch(13.39% 0.0026 106.74);
+  --background-dark:input\30: oklch(100.00% 0.0000 0);
+  --background-light: oklch(100.00% 0.0000 0);
+  --background: oklch(100.00% 0.0000 0);
+  --badge-bg-alert: oklch(90.39% 0.1726 107.97);
+  --badge-bg-hover-alert: oklch(81.68% 0.1721 107.82);
+  --badge-color-destructive-bg: oklch(56.65% 0.1994 21.83);
+  --badge-color-destructive-border: oklch(56.65% 0.1994 21.83);
+  --badge-color-destructive-fg: oklch(95.00% 0.0174 13.10);
+  --badge-color-outline-bg: transparent;
+  --badge-color-outline-border: oklch(92.82% 0.0029 84.56);
+  --badge-color-outline-fg: oklch(19.53% 0.0020 106.58);
+  --badge-color-primary-bg: oklch(81.06% 0.2032 150.12);
+  --badge-color-primary-border: oklch(81.06% 0.2032 150.12);
+  --badge-color-primary-fg: oklch(19.53% 0.0020 106.58);
+  --badge-color-secondary-bg: oklch(95.66% 0.0052 67.76);
+  --badge-color-secondary-border: oklch(92.82% 0.0029 84.56);
+  --badge-color-secondary-fg: oklch(19.53% 0.0020 106.58);
+  --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;
+  --badge-text-alert: oklch(19.53% 0.0020 106.58);
+  --banner-root-gap: 8px;
+  --banner-root-padding-x: 16px;
+  --banner-root-padding-y: 12px;
+  --banner-text-size: 0.875rem;
+  --base-black: oklch(0.00% 0.0000 0);
+  --base-transparent: oklch(100.00% 0.0000 0 / 0.0%);
+  --base-white: oklch(100.00% 0.0000 0);
+  --border-dark: oklch(100.00% 0.0000 0 / 10.2%);
+  --border-light: oklch(92.82% 0.0029 84.56);
+  --border-radius-rounded-2xl: 10px;
+  --border-radius-rounded-3xl: 12px;
+  --border-radius-rounded-4xl: 14px;
+  --border-radius-rounded-full: 9999px;
+  --border-radius-rounded-lg: 6px;
+  --border-radius-rounded-md: 4px;
+  --border-radius-rounded-none: 0px;
+  --border-radius-rounded-sm: 2px;
+  --border-radius-rounded-xl: 8px;
+  --border-radius-rounded-xs: 1px;
+  --border-semantic-default: oklch(92.82% 0.0029 84.56);
+  --border-semantic-disabled: oklch(92.82% 0.0029 84.56);
+  --border-semantic-error: oklch(56.65% 0.1994 21.83);
+  --border-semantic-focus: oklch(64.44% 0.1647 149.79);
+  --border-semantic-strong: oklch(84.57% 0.0059 84.57);
+  --border-semantic-subtle: oklch(95.57% 0.0053 67.76);
+  --border-semantic-success: oklch(86.93% 0.1976 127.63);
+  --border-semantic-warning: oklch(90.39% 0.1726 107.97);
+  --border-style-dashed: dashed;
+  --border-style-dotted: dotted;
+  --border-style-double: double;
+  --border-style-hidden: hidden;
+  --border-style-none: none;
+  --border-style-solid: solid;
+  --border-width-border-3: 3px;
+  --border-width-border-5: 5px;
+  --border-width-border-6: 6px;
+  --border-width-border-7: 6px;
+  --border: oklch(92.82% 0.0029 84.56);
+  --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-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-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-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-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(19.53% 0.0020 106.58);
+  --breadcrumb-list-gap-default: 0.375rem;
+  --breadcrumb-list-gap-sm: 0.625rem;
+  --breadcrumb-list-text: oklch(65.05% 0.0063 84.57);
+  --breadcrumb-page-text: oklch(19.53% 0.0020 106.58);
+  --breadcrumb-separator-size: 0.875rem;
+  --brius-100: oklch(90.45% 0.0460 263.71);
+  --brius-200: oklch(85.57% 0.0708 263.71);
+  --brius-300: oklch(76.68% 0.1183 266.15);
+  --brius-400: oklch(57.05% 0.2351 265.28);
+  --brius-500: oklch(51.91% 0.2165 261.59);
+  --brius-50: oklch(95.28% 0.0224 260.72);
+  --brius-600: oklch(48.26% 0.2196 261.78);
+  --brius-700: oklch(42.86% 0.1961 261.85);
+  --brius-800: oklch(36.79% 0.1730 262.22);
+  --brius-900: oklch(29.00% 0.1420 262.70);
+  --brius-950: oklch(20.09% 0.0947 262.24);
+  --button-box-shadow-default: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  --button-box-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --button-box-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --button-disabled-bg: oklch(95.66% 0.0052 67.76);
+  --button-disabled-border: oklch(92.82% 0.0029 84.56);
+  --button-disabled-fg: oklch(65.05% 0.0063 84.57);
+  --button-group-item-background-active: oklch(95.66% 0.0052 67.76);
+  --button-group-item-background-hover: oklch(95.66% 0.0052 67.76);
+  --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.82% 0.0029 84.56);
+  --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(88.60% 0.0046 78.30);
+  --button-link-color-fg-DEFAULT: oklch(81.06% 0.2032 150.12);
+  --button-link-color-fg-hover: oklch(81.06% 0.2032 150.12);
+  --button-link-gray-fg-DEFAULT: oklch(65.05% 0.0063 84.57);
+  --button-link-gray-fg-hover: oklch(19.53% 0.0020 106.58);
+  --button-primary-bg-DEFAULT: oklch(81.06% 0.2032 150.12);
+  --button-primary-bg-hover: oklch(72.03% 0.1822 150.05);
+  --button-primary-border-DEFAULT: oklch(81.06% 0.2032 150.12);
+  --button-primary-border-hover: oklch(72.03% 0.1822 150.05);
+  --button-primary-fg-DEFAULT: oklch(19.53% 0.0020 106.58);
+  --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.06% 0.2032 150.12);
+  --button-ring-gray: oklch(64.44% 0.1647 149.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(97.74% 0.0368 137.83);
+  --button-secondary-gray-border-DEFAULT: oklch(92.82% 0.0029 84.56);
+  --button-secondary-gray-border-hover: oklch(92.82% 0.0029 84.56);
+  --button-secondary-gray-fg-DEFAULT: oklch(19.53% 0.0020 106.58);
+  --button-secondary-gray-fg-hover: oklch(19.53% 0.0020 106.58);
+  --button-shadow-bg-hover: oklch(97.74% 0.0368 137.83);
+  --button-shadow-bg-shadow: oklch(100.00% 0.0000 0 / 0.0%);
+  --button-shadow-ico-active: oklch(52.77% 0.0048 91.49);
+  --button-shadow-ico-hover: oklch(64.44% 0.1647 149.79);
+  --button-shadow-ico-inactive: oklch(79.33% 0.0065 75.40);
+  --button-shadow-text-hover: oklch(45.10% 0.1203 149.15);
+  --button-shadow-text-shadow: oklch(40.23% 0.0021 67.76);
+  --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(95.66% 0.0052 67.76);
+  --button-tertiary-color-fg-DEFAULT: oklch(81.06% 0.2032 150.12);
+  --button-tertiary-color-fg-hover: oklch(81.06% 0.2032 150.12);
+  --button-tertiary-gray-bg-hover: oklch(97.74% 0.0368 137.83);
+  --button-tertiary-gray-fg-DEFAULT: oklch(65.05% 0.0063 84.57);
+  --button-tertiary-gray-fg-hover: oklch(19.53% 0.0020 106.58);
+  --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-dark: oklch(19.53% 0.0020 106.58);
+  --card-description-color: oklch(65.05% 0.0063 84.57);
+  --card-description-text-size: 0.875rem;
+  --card-footer-padding-top: 24px;
+  --card-footer-padding-x: 24px;
+  --card-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --card-foreground-light: oklch(13.39% 0.0026 106.74);
+  --card-foreground: oklch(13.39% 0.0026 106.74);
+  --card-header-gap: 8px;
+  --card-header-padding-bottom: 24px;
+  --card-header-padding-x: 24px;
+  --card-light: oklch(100.00% 0.0000 0);
+  --card-root-background: oklch(100.00% 0.0000 0);
+  --card-root-border-width: 1px;
+  --card-root-foreground: oklch(13.39% 0.0026 106.74);
+  --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-dark: oklch(48.82% 0.2172 264.38);
+  --chart-1-light: oklch(64.61% 0.1943 41.12);
+  --chart-1: oklch(64.61% 0.1943 41.12);
+  --chart-2-dark: oklch(69.59% 0.1491 162.48);
+  --chart-2-light: oklch(60.02% 0.1038 184.70);
+  --chart-2: oklch(60.02% 0.1038 184.70);
+  --chart-3-dark: oklch(76.86% 0.1647 70.08);
+  --chart-3-light: oklch(39.82% 0.0664 227.39);
+  --chart-3: oklch(39.82% 0.0664 227.39);
+  --chart-4-dark: oklch(62.68% 0.2325 303.90);
+  --chart-4-light: oklch(83.69% 0.1644 84.43);
+  --chart-4: oklch(83.69% 0.1644 84.43);
+  --chart-5-dark: oklch(56.65% 0.1994 21.83);
+  --chart-5-light: oklch(76.86% 0.1647 70.08);
+  --chart-5: oklch(76.86% 0.1647 70.08);
+  --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.82% 0.0029 84.56);
+  --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(19.53% 0.0020 106.58);
+  --checkbox-root-bg-checked: oklch(81.06% 0.2032 150.12);
+  --checkbox-root-bg-default: oklch(100.00% 0.0000 0);
+  --checkbox-root-bg-disabled: oklch(95.66% 0.0052 67.76);
+  --checkbox-root-border-checked: oklch(81.06% 0.2032 150.12);
+  --checkbox-root-border-default: oklch(81.06% 0.2032 150.12);
+  --checkbox-root-border-focus: oklch(64.44% 0.1647 149.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(64.61% 0.1943 41.12);
+  --color-desktop: oklch(64.61% 0.1943 41.12);
+  --color-edge: oklch(83.69% 0.1644 84.43);
+  --color-firefox: oklch(39.82% 0.0664 227.39);
+  --color-mobile: oklch(60.02% 0.1038 184.70);
+  --color-other: oklch(76.86% 0.1647 70.08);
+  --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.82% 0.0029 84.56);
+  --color-picker-trigger-radius: 0.375rem;
+  --color-picker-trigger-size: 32px;
+  --color-safari: oklch(60.02% 0.1038 184.70);
+  --combobox-content-bg: oklch(100.00% 0.0000 0);
+  --combobox-content-border: oklch(92.82% 0.0029 84.56);
+  --combobox-content-fg: oklch(40.23% 0.0021 67.76);
+  --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(97.74% 0.0368 137.83);
+  --combobox-item-focus-fg: oklch(19.53% 0.0020 106.58);
+  --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.82% 0.0029 84.56);
+  --combobox-trigger-border-focus: oklch(64.44% 0.1647 149.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.82% 0.0029 84.56);
+  --comment-system-item-gap: 12px;
+  --comment-system-item-padding: 16px;
+  --comment-system-item-radius: 0.375rem;
+  --comment-system-root-gap: 16px;
+  --container-2xl: 672px;
+  --container-2xs: 288px;
+  --container-3xl: 768px;
+  --container-3xs: 256px;
+  --container-4xl: 896px;
+  --container-5xl: 1024px;
+  --container-6xl: 1152px;
+  --container-7xl: 1280px;
+  --container-lg: 512px;
+  --container-md: 448px;
+  --container-sm: 384px;
+  --container-xl: 576px;
+  --container-xs: 320px;
+  --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;
+  --dark:input: oklch(100.00% 0.0000 0 / 0.0%);
+  --datatable-header-padding-y-comfortable: 16px;
+  --datatable-header-padding-y-compact: 4px;
+  --datatable-header-padding-y-default: 12px;
+  --datatable-pagination-info-color: oklch(65.05% 0.0063 84.57);
+  --datatable-pagination-info-size: 0.875rem;
+  --datatable-pagination-padding-x: 8px;
+  --datatable-row-bg-highlighted: oklch(81.06% 0.2032 150.12);
+  --datatable-row-bg-hover: oklch(95.66% 0.0052 67.76);
+  --datatable-row-bg-selected: oklch(95.66% 0.0052 67.76);
+  --datatable-row-padding-y-comfortable: 16px;
+  --datatable-row-padding-y-compact: 4px;
+  --datatable-row-padding-y-default: 8px;
+  --datatable-toolbar-gap: 8px;
+  --datatable-toolbar-search-icon-color: oklch(65.05% 0.0063 84.57);
+  --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;
+  --desktop-container-padding-x: 24px;
+  --desktop-heading-lg-font-family: Inter;
+  --desktop-heading-lg-font-size: 36px;
+  --desktop-heading-lg-font-weight: 700;
+  --desktop-heading-lg-letter-spacing: 0px;
+  --desktop-heading-lg-line-height: 40px;
+  --desktop-heading-md-font-family: Inter;
+  --desktop-heading-md-font-size: 30px;
+  --desktop-heading-md-font-weight: 700;
+  --desktop-heading-md-letter-spacing: 0px;
+  --desktop-heading-md-line-height: 36px;
+  --desktop-heading-sm-font-family: Inter;
+  --desktop-heading-sm-font-size: 24px;
+  --desktop-heading-sm-font-weight: 700;
+  --desktop-heading-sm-letter-spacing: 0px;
+  --desktop-heading-sm-line-height: 32px;
+  --desktop-heading-xl-font-family: Inter;
+  --desktop-heading-xl-font-size: 48px;
+  --desktop-heading-xl-font-weight: 700;
+  --desktop-heading-xl-letter-spacing: 0px;
+  --desktop-heading-xl-line-height: 48px;
+  --desktop-section-padding-y: 96px;
+  --desktop-section-title-gap-lg: 20px;
+  --desktop-section-title-gap-md: 20px;
+  --desktop-section-title-gap-sm: 16px;
+  --desktop-section-title-gap-xl: 24px;
+  --destructive-dark: oklch(66.49% 0.1475 16.22);
+  --destructive-dark:destructive\60: oklch(56.65% 0.1994 21.83);
+  --destructive-dark:destructive\70: oklch(56.65% 0.1994 21.83);
+  --destructive-dark:destructive\90: oklch(56.65% 0.1994 21.83);
+  --destructive-foreground-dark: oklch(95.00% 0.0174 13.10);
+  --destructive-foreground-light: oklch(95.00% 0.0174 13.10);
+  --destructive-foreground: oklch(95.00% 0.0174 13.10);
+  --destructive-light: oklch(56.65% 0.1994 21.83);
+  --destructive: oklch(56.65% 0.1994 21.83);
+  --destructive\20-dark:destructive\40: oklch(57.71% 0.2152 27.33 / 20.0%);
+  --destructive\40-dark:destructive\60: oklch(57.71% 0.2152 27.33 / 40.0%);
+  --divider-color-default: oklch(92.82% 0.0029 84.56);
+  --divider-color-dual: oklch(92.82% 0.0029 84.56);
+  --divider-content-bg-default: oklch(100.00% 0.0000 0);
+  --divider-content-bg-fill: oklch(95.66% 0.0052 67.76);
+  --divider-content-text-default: oklch(65.05% 0.0063 84.57);
+  --divider-content-text-heading: oklch(19.53% 0.0020 106.58);
+  --drag-and-drop-draggable-opacity-dragging: 0.5;
+  --drag-and-drop-droppable-background-active: oklch(81.06% 0.2032 150.12);
+  --drag-and-drop-droppable-background-opacity: 0.05;
+  --drag-and-drop-droppable-border-active: oklch(81.06% 0.2032 150.12);
+  --drag-and-drop-handle-color-hover: oklch(19.53% 0.0020 106.58);
+  --drag-and-drop-handle-color: oklch(65.05% 0.0063 84.57);
+  --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.82% 0.0029 84.56);
+  --drawer-content-radius: 0.75rem;
+  --drawer-footer-gap: 8px;
+  --drawer-footer-padding: 16px;
+  --drawer-handle-bg: oklch(95.66% 0.0052 67.76);
+  --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% 0 0 / 50%);
+  --drop-shadow-2xl-blur-radius: 25px;
+  --drop-shadow-2xl-color: oklch(0.00% 0.0000 0 / 14.9%);
+  --drop-shadow-2xl-offset-x: 0px;
+  --drop-shadow-2xl-offset-y: 25px;
+  --drop-shadow-2xl-spread-radius: 0px;
+  --drop-shadow-lg-blur-radius: 2px;
+  --drop-shadow-lg-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --drop-shadow-lg-offset-x: 0px;
+  --drop-shadow-lg-offset-y: 2px;
+  --drop-shadow-lg-spread-radius: 0px;
+  --drop-shadow-md-blur-radius: 3px;
+  --drop-shadow-md-color: oklch(0.00% 0.0000 0 / 12.2%);
+  --drop-shadow-md-offset-x: 0px;
+  --drop-shadow-md-offset-y: 3px;
+  --drop-shadow-md-spread-radius: 0px;
+  --drop-shadow-sm-blur-radius: 2px;
+  --drop-shadow-sm-color: oklch(0.00% 0.0000 0 / 14.9%);
+  --drop-shadow-sm-offset-x: 0px;
+  --drop-shadow-sm-offset-y: 1px;
+  --drop-shadow-sm-spread-radius: 0px;
+  --drop-shadow-xl-blur-radius: 7px;
+  --drop-shadow-xl-color: oklch(0.00% 0.0000 0 / 10.2%);
+  --drop-shadow-xl-offset-x: 0px;
+  --drop-shadow-xl-offset-y: 9px;
+  --drop-shadow-xl-spread-radius: 0px;
+  --drop-shadow-xs-blur-radius: 1px;
+  --drop-shadow-xs-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --drop-shadow-xs-offset-x: 0px;
+  --drop-shadow-xs-offset-y: 1px;
+  --drop-shadow-xs-spread-radius: 0px;
+  --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-normal: 200ms;
+  --duration-slow: 300ms;
+  --duration-slower: 500ms;
+  --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(95.66% 0.0052 67.76);
+  --empty-state-media-icon-fg: oklch(19.53% 0.0020 106.58);
+  --empty-state-media-icon-icon-size: 24px;
+  --empty-state-media-icon-radius: 0.5rem;
+  --empty-state-media-icon-size: 40px;
+  --etus-100: oklch(93.90% 0.0322 161.27);
+  --etus-200: oklch(88.01% 0.0572 163.30);
+  --etus-300: oklch(79.72% 0.0874 164.17);
+  --etus-400: oklch(72.42% 0.1006 164.87);
+  --etus-500: oklch(60.80% 0.1099 164.26);
+  --etus-50: oklch(97.52% 0.0140 162.48);
+  --etus-600: oklch(51.66% 0.0955 164.93);
+  --etus-700: oklch(44.29% 0.0788 166.99);
+  --etus-800: oklch(37.95% 0.0641 167.08);
+  --etus-900: oklch(33.65% 0.0545 168.81);
+  --etus-950: oklch(23.75% 0.0348 172.89);
+  --etus-main-v1-100: oklch(94.66% 0.0344 314.10);
+  --etus-main-v1-200: oklch(91.92% 0.0500 314.56);
+  --etus-main-v1-300: oklch(89.15% 0.0664 313.27);
+  --etus-main-v1-400: oklch(86.25% 0.0839 313.87);
+  --etus-main-v1-500: oklch(83.48% 0.0994 313.40);
+  --etus-main-v1-600: oklch(73.49% 0.1205 313.26);
+  --etus-main-v1-700: oklch(63.11% 0.1518 312.06);
+  --etus-main-v1-800: oklch(53.12% 0.1771 311.48);
+  --etus-main-v1-900: oklch(43.46% 0.1774 310.49);
+  --etus-main-v2-100: oklch(95.19% 0.0114 71.90);
+  --etus-main-v2-200: oklch(83.18% 0.0493 65.03);
+  --etus-main-v2-300: oklch(71.17% 0.0861 55.71);
+  --etus-main-v2-400: oklch(59.29% 0.1192 46.06);
+  --etus-main-v2-500: oklch(47.74% 0.1537 34.54);
+  --etus-main-v2-600: oklch(43.69% 0.1437 32.51);
+  --etus-main-v2-700: oklch(39.57% 0.1337 30.33);
+  --etus-main-v2-800: oklch(34.71% 0.1207 26.21);
+  --etus-main-v2-900: oklch(31.24% 0.1114 26.59);
+  --etus-main-v3-100: oklch(95.40% 0.0199 154.90);
+  --etus-main-v3-200: oklch(89.52% 0.0504 146.04);
+  --etus-main-v3-300: oklch(82.92% 0.0827 145.82);
+  --etus-main-v3-400: oklch(76.60% 0.1179 145.30);
+  --etus-main-v3-500: oklch(67.31% 0.1624 144.21);
+  --etus-main-v3-600: oklch(62.91% 0.1543 144.20);
+  --etus-main-v3-700: oklch(57.52% 0.1446 144.18);
+  --etus-main-v3-800: oklch(52.34% 0.1347 144.17);
+  --etus-main-v3-900: oklch(42.54% 0.1159 144.31);
+  --etus-main-v4-100: oklch(95.60% 0.0187 25.60);
+  --etus-main-v4-200: oklch(87.12% 0.0619 18.41);
+  --etus-main-v4-300: oklch(78.39% 0.1118 19.89);
+  --etus-main-v4-400: oklch(69.28% 0.1670 22.43);
+  --etus-main-v4-500: oklch(69.28% 0.1670 22.43);
+  --etus-main-v4-600: oklch(60.83% 0.2090 27.03);
+  --etus-main-v4-700: oklch(56.80% 0.2002 26.41);
+  --etus-main-v4-800: oklch(53.86% 0.1937 26.72);
+  --etus-main-v4-900: oklch(50.16% 0.1887 27.48);
+  --etus-main-v5-100: oklch(97.85% 0.0310 92.94);
+  --etus-main-v5-200: oklch(94.48% 0.0756 91.82);
+  --etus-main-v5-300: oklch(91.31% 0.1188 91.67);
+  --etus-main-v5-400: oklch(88.59% 0.1539 91.23);
+  --etus-main-v5-500: oklch(86.22% 0.1681 88.31);
+  --etus-main-v5-600: oklch(81.79% 0.1705 77.95);
+  --etus-main-v5-700: oklch(78.39% 0.1719 68.09);
+  --etus-main-v5-800: oklch(75.54% 0.1777 59.69);
+  --etus-main-v5-900: oklch(70.76% 0.1975 46.46);
+  --etus-main-v6-100: oklch(95.32% 0.0218 239.43);
+  --etus-main-v6-200: oklch(88.48% 0.0546 243.39);
+  --etus-main-v6-300: oklch(81.63% 0.0896 243.62);
+  --etus-main-v6-400: oklch(74.82% 0.1235 244.75);
+  --etus-main-v6-500: oklch(65.82% 0.1690 248.81);
+  --etus-main-v6-600: oklch(61.79% 0.1668 250.87);
+  --etus-main-v6-700: oklch(56.45% 0.1633 253.27);
+  --etus-main-v6-800: oklch(51.34% 0.1603 255.67);
+  --etus-main-v6-900: oklch(42.17% 0.1569 259.91);
+  --etus-v2-100: oklch(96.73% 0.0455 145.21);
+  --etus-v2-200: oklch(93.25% 0.0917 146.61);
+  --etus-v2-300: oklch(89.73% 0.1353 148.18);
+  --etus-v2-400: oklch(86.29% 0.1803 149.53);
+  --etus-v2-500: oklch(82.82% 0.2224 150.79);
+  --etus-v2-600: oklch(73.17% 0.1953 151.24);
+  --etus-v2-700: oklch(63.76% 0.1695 151.54);
+  --etus-v2-800: oklch(54.29% 0.1436 151.75);
+  --etus-v2-900: oklch(44.70% 0.1169 152.27);
+  --evolution-100: oklch(96.67% 0.0469 173.09);
+  --evolution-200: oklch(94.01% 0.0881 170.71);
+  --evolution-300: oklch(90.85% 0.1422 168.16);
+  --evolution-400: oklch(88.23% 0.1844 162.72);
+  --evolution-500: oklch(88.18% 0.2017 159.34);
+  --evolution-50: oklch(98.49% 0.0209 170.64);
+  --evolution-600: oklch(71.16% 0.1661 158.13);
+  --evolution-700: oklch(59.39% 0.1342 160.06);
+  --evolution-800: oklch(49.80% 0.1069 162.41);
+  --evolution-900: oklch(43.43% 0.0894 164.54);
+  --evolution-950: oklch(29.83% 0.0631 164.52);
+  --feed-content-description-color: oklch(65.05% 0.0063 84.57);
+  --feed-content-description-size: 0.875rem;
+  --feed-content-title-weight: 500;
+  --feed-icon-background: oklch(95.66% 0.0052 67.76);
+  --feed-icon-color: oklch(65.05% 0.0063 84.57);
+  --feed-icon-radius: 9999px;
+  --feed-icon-size: 32px;
+  --feed-item-background-active: oklch(95.66% 0.0052 67.76);
+  --feed-item-background-highlight: oklch(100.00% 0.0000 0 / 94.9%);
+  --feed-item-border-color: oklch(92.82% 0.0029 84.56);
+  --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(65.05% 0.0063 84.57);
+  --feed-timestamp-size: 0.75rem;
+  --file-upload-dropzone-background-hover: oklch(97.74% 0.0368 137.83);
+  --file-upload-dropzone-background: oklch(100.00% 0.0000 0);
+  --file-upload-dropzone-border-color: oklch(65.05% 0.0063 84.57);
+  --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(65.05% 0.0063 84.57);
+  --file-upload-icon-size: 40px;
+  --file-upload-item-border: oklch(92.82% 0.0029 84.56);
+  --file-upload-item-gap: 12px;
+  --file-upload-item-padding: 12px;
+  --file-upload-item-radius: 0.375rem;
+  --filter-builder-group-border-color: oklch(92.82% 0.0029 84.56);
+  --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(64.44% 0.1647 149.79);
+  --focus-ring-offset: 2px;
+  --focus-ring-width: 2px;
+  --font-font-mono: Geist Mono;
+  --font-font-sans: Inter;
+  --font-font-serif: Georgia;
+  --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-dark: oklch(98.56% 0.0017 67.80);
+  --foreground-light: oklch(19.53% 0.0020 106.58);
+  --foreground: oklch(19.53% 0.0020 106.58);
+  --form-error-fg: oklch(56.65% 0.1994 21.83);
+  --form-error-size: 12px;
+  --form-error-weight: 500;
+  --form-helper-fg: oklch(65.05% 0.0063 84.57);
+  --form-helper-margin-top: 8px;
+  --form-helper-size: 12px;
+  --form-label-fg: oklch(19.53% 0.0020 106.58);
+  --form-label-size: 14px;
+  --form-label-weight: 500;
+  --heading-base-color: oklch(19.53% 0.0020 106.58);
+  --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(19.53% 0.0020 106.58);
+  --heading-color-destructive: oklch(56.65% 0.1994 21.83);
+  --heading-color-muted: oklch(65.05% 0.0063 84.57);
+  --heading-color-primary: oklch(81.06% 0.2032 150.12);
+  --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(56.65% 0.1994 21.83);
+  --icon-color-muted: oklch(65.05% 0.0063 84.57);
+  --icon-color-primary: oklch(81.06% 0.2032 150.12);
+  --icon-color-success: oklch(86.93% 0.1976 127.63);
+  --icon-color-warning: oklch(90.39% 0.1726 107.97);
+  --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(95.66% 0.0052 67.76);
+  --input-bg-default: oklch(100.00% 0.0000 0);
+  --input-bg-disabled: oklch(95.66% 0.0052 67.76);
+  --input-border-default: oklch(92.82% 0.0029 84.56);
+  --input-border-error: oklch(56.65% 0.1994 21.83);
+  --input-border-focus: oklch(64.44% 0.1647 149.79);
+  --input-border-width: 1px;
+  --input-dark: oklch(100.00% 0.0000 0 / 14.9%);
+  --input-dark:input\80: oklch(88.60% 0.0046 78.30);
+  --input-fg-default: oklch(19.53% 0.0020 106.58);
+  --input-fg-disabled: oklch(65.05% 0.0063 84.57);
+  --input-fg-icon: oklch(65.05% 0.0063 84.57);
+  --input-fg-placeholder: oklch(65.05% 0.0063 84.57);
+  --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-light: oklch(88.60% 0.0046 78.30);
+  --input-otp-caret-color: oklch(19.53% 0.0020 106.58);
+  --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(64.44% 0.1647 149.79);
+  --input-otp-slot-active-ring: oklch(64.44% 0.1647 149.79);
+  --input-otp-slot-bg: oklch(100.00% 0.0000 0);
+  --input-otp-slot-border: oklch(88.60% 0.0046 78.30);
+  --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(88.60% 0.0046 78.30);
+  --inset-shadow-2xs-blur-radius: 0px;
+  --inset-shadow-2xs-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --inset-shadow-2xs-offset-x: 0px;
+  --inset-shadow-2xs-offset-y: 1px;
+  --inset-shadow-2xs-spread-radius: 0px;
+  --inset-shadow-sm-blur-radius: 4px;
+  --inset-shadow-sm-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --inset-shadow-sm-offset-x: 0px;
+  --inset-shadow-sm-offset-y: 2px;
+  --inset-shadow-sm-spread-radius: 0px;
+  --inset-shadow-xs-blur-radius: 1px;
+  --inset-shadow-xs-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --inset-shadow-xs-offset-x: 0px;
+  --inset-shadow-xs-offset-y: 1px;
+  --inset-shadow-xs-spread-radius: 0px;
+  --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(13.39% 0.0026 106.74);
+  --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(95.66% 0.0052 67.76);
+  --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(95.66% 0.0052 67.76);
+  --kbd-variant-default-color: oklch(65.05% 0.0063 84.57);
+  --kbd-variant-ghost-background: transparent;
+  --kbd-variant-ghost-color: oklch(65.05% 0.0063 84.57);
+  --kbd-variant-outline-background: transparent;
+  --kbd-variant-outline-border-color: oklch(92.82% 0.0029 84.56);
+  --kbd-variant-outline-color: oklch(19.53% 0.0020 106.58);
+  --kpi-card-sparkline-down: oklch(56.65% 0.1994 21.83);
+  --kpi-card-sparkline-neutral: oklch(65.05% 0.0063 84.57);
+  --kpi-card-sparkline-opacity: 0.6;
+  --kpi-card-sparkline-up: oklch(85.49% 0.2109 128.53);
+  --kpi-card-trend-down: oklch(56.65% 0.1994 21.83);
+  --kpi-card-trend-neutral: oklch(65.05% 0.0063 84.57);
+  --kpi-card-trend-up: oklch(85.49% 0.2109 128.53);
+  --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(65.05% 0.0063 84.57);
+  --label-optional-font-weight: 400;
+  --label-required-color: oklch(56.65% 0.1994 21.83);
+  --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.82% 0.0029 84.56);
+  --layout-header-height: 56px;
+  --layout-rail-background: oklch(95.57% 0.0053 67.76);
+  --layout-rail-border: oklch(92.82% 0.0029 84.56);
+  --layout-rail-width: 48px;
+  --layout-sidebar-background: oklch(100.00% 0.0000 0);
+  --layout-sidebar-border: oklch(92.82% 0.0029 84.56);
+  --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.06% 0.2032 150.12);
+  --link-color-muted: oklch(65.05% 0.0063 84.57);
+  --link-color-nav-hover: oklch(81.06% 0.2032 150.12);
+  --link-color-nav: oklch(19.53% 0.0020 106.58);
+  --link-color-subtle: oklch(19.53% 0.0020 106.58);
+  --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(19.53% 0.0020 106.58);
+  --markdown-editor-area-padding: 16px;
+  --markdown-editor-help-code-bg: oklch(95.66% 0.0052 67.76);
+  --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(88.60% 0.0046 78.30);
+  --markdown-editor-root-min-height: 200px;
+  --markdown-editor-root-radius: 0.375rem;
+  --markdown-editor-toolbar-background: oklch(95.66% 0.0052 67.76);
+  --markdown-editor-toolbar-border-bottom: oklch(92.82% 0.0029 84.56);
+  --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;
+  --mobile-container-padding-x: 24px;
+  --mobile-heading-lg-font-family: Inter;
+  --mobile-heading-lg-font-size: 30px;
+  --mobile-heading-lg-font-weight: 700;
+  --mobile-heading-lg-letter-spacing: 0px;
+  --mobile-heading-lg-line-height: 36px;
+  --mobile-heading-md-font-family: Inter;
+  --mobile-heading-md-font-size: 30px;
+  --mobile-heading-md-font-weight: 700;
+  --mobile-heading-md-letter-spacing: 0px;
+  --mobile-heading-md-line-height: 36px;
+  --mobile-heading-sm-font-family: Inter;
+  --mobile-heading-sm-font-size: 24px;
+  --mobile-heading-sm-font-weight: 700;
+  --mobile-heading-sm-letter-spacing: 0px;
+  --mobile-heading-sm-line-height: 32px;
+  --mobile-heading-xl-font-family: Inter;
+  --mobile-heading-xl-font-size: 30px;
+  --mobile-heading-xl-font-weight: 700;
+  --mobile-heading-xl-letter-spacing: 0px;
+  --mobile-heading-xl-line-height: 36px;
+  --mobile-section-padding-y: 64px;
+  --mobile-section-title-gap-lg: 16px;
+  --mobile-section-title-gap-md: 20px;
+  --mobile-section-title-gap-sm: 16px;
+  --mobile-section-title-gap-xl: 16px;
+  --modal-content-bg: oklch(100.00% 0.0000 0);
+  --modal-content-border: oklch(92.82% 0.0029 84.56);
+  --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: rgba(0, 0, 0, 0.5);
+  --motion-delay-extra-long: 500ms;
+  --motion-delay-long: 300ms;
+  --motion-delay-medium: 150ms;
+  --motion-delay-none: 0ms;
+  --motion-delay-short: 75ms;
+  --multiselect-content-bg: oklch(100.00% 0.0000 0);
+  --multiselect-content-fg: oklch(40.23% 0.0021 67.76);
+  --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(65.05% 0.0063 84.57);
+  --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(95.66% 0.0052 67.76);
+  --multiselect-tag-fg: oklch(19.53% 0.0020 106.58);
+  --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-dark: oklch(40.23% 0.0021 67.76);
+  --muted-foreground-dark: oklch(65.05% 0.0063 84.57);
+  --muted-foreground-light: oklch(65.05% 0.0063 84.57);
+  --muted-foreground: oklch(65.05% 0.0063 84.57);
+  --muted-light: oklch(95.66% 0.0052 67.76);
+  --muted: oklch(95.66% 0.0052 67.76);
+  --navbar-item-gap: 16px;
+  --navbar-root-background: oklch(100.00% 0.0000 0);
+  --navbar-root-border-color: oklch(92.82% 0.0029 84.56);
+  --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(40.23% 0.0021 67.76);
+  --navigation-menu-indicator-bg: oklch(92.82% 0.0029 84.56);
+  --navigation-menu-trigger-bg: oklch(100.00% 0.0000 0);
+  --navigation-menu-trigger-hover-bg: oklch(97.74% 0.0368 137.83);
+  --navigation-menu-trigger-hover-text: oklch(19.53% 0.0020 106.58);
+  --navigation-menu-viewport-bg: oklch(100.00% 0.0000 0);
+  --navigation-menu-viewport-text: oklch(40.23% 0.0021 67.76);
+  --notification-bg-hover: oklch(97.74% 0.0368 137.83);
+  --notification-bg-read: oklch(100.00% 0.0000 0);
+  --notification-bg-unread: oklch(97.74% 0.0368 137.83);
+  --notification-dot-color-default: oklch(81.06% 0.2032 150.12);
+  --notification-dot-color-error: oklch(56.65% 0.1994 21.83);
+  --notification-dot-color-info: oklch(75.81% 0.1250 218.03);
+  --notification-dot-color-success: oklch(85.49% 0.2109 128.53);
+  --notification-dot-color-warning: oklch(81.68% 0.1721 107.82);
+  --notification-dot-left: 6px;
+  --notification-dot-size: 8px;
+  --notification-dot-top: 16px;
+  --notification-root-gap: 12px;
+  --notification-root-padding: 12px;
+  --opacity-opacity-0: 0;
+  --opacity-opacity-100: 1;
+  --opacity-opacity-10: 0.1;
+  --opacity-opacity-15: 0.15;
+  --opacity-opacity-20: 0.2;
+  --opacity-opacity-25: 0.25;
+  --opacity-opacity-30: 0.3;
+  --opacity-opacity-35: 0.35;
+  --opacity-opacity-40: 0.4;
+  --opacity-opacity-45: 0.45;
+  --opacity-opacity-50: 0.5;
+  --opacity-opacity-55: 0.55;
+  --opacity-opacity-5: 0.05;
+  --opacity-opacity-60: 0.6;
+  --opacity-opacity-65: 0.65;
+  --opacity-opacity-70: 0.7;
+  --opacity-opacity-75: 0.75;
+  --opacity-opacity-80: 0.8;
+  --opacity-opacity-85: 0.85;
+  --opacity-opacity-90: 0.9;
+  --opacity-opacity-95: 0.95;
+  --outline: oklch(71.55% 0.0000 0 / 50.2%);
+  --outline\10-dark:outline\20: oklch(71.55% 0.0000 0 / 10.2%);
+  --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(19.53% 0.0020 106.58);
+  --paragraph-color-destructive: oklch(56.65% 0.1994 21.83);
+  --paragraph-color-muted: oklch(65.05% 0.0063 84.57);
+  --paragraph-color-primary: oklch(81.06% 0.2032 150.12);
+  --paragraph-color-success: oklch(72.27% 0.1920 149.58);
+  --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(19.53% 0.0020 106.58);
+  --payment-input-icon-color: oklch(65.05% 0.0063 84.57);
+  --payment-input-icon-left: 12px;
+  --payment-input-icon-size: 20px;
+  --payment-input-root-padding-left: 40px;
+  --phone-input-country-select-border-color: oklch(92.82% 0.0029 84.56);
+  --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.82% 0.0029 84.56);
+  --popover-content-background: oklch(100.00% 0.0000 0);
+  --popover-content-border-width: 1px;
+  --popover-content-foreground: oklch(40.23% 0.0021 67.76);
+  --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-dark: oklch(19.53% 0.0020 106.58);
+  --popover-fg: oklch(40.23% 0.0021 67.76);
+  --popover-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --popover-foreground-light: oklch(40.23% 0.0021 67.76);
+  --popover-foreground: oklch(40.23% 0.0021 67.76);
+  --popover-light: oklch(100.00% 0.0000 0);
+  --popover-radius: 0.375rem;
+  --popover: oklch(100.00% 0.0000 0);
+  --primary-dark: oklch(88.23% 0.2057 138.41);
+  --primary-foreground-dark: oklch(19.53% 0.0020 106.58);
+  --primary-foreground-light: oklch(19.53% 0.0020 106.58);
+  --primary-foreground: oklch(19.53% 0.0020 106.58);
+  --primary-light: oklch(81.06% 0.2032 150.12);
+  --primary: oklch(81.06% 0.2032 150.12);
+  --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(86.93% 0.1976 127.63);
+  --progress-bar-fill-color-error: oklch(56.65% 0.1994 21.83);
+  --progress-bar-fill-color-primary: oklch(81.06% 0.2032 150.12);
+  --progress-bar-fill-color-success: oklch(86.93% 0.1976 127.63);
+  --progress-bar-fill-color-warning: oklch(90.39% 0.1726 107.97);
+  --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(65.05% 0.0063 84.57);
+  --progress-bar-label-position-bottom-margin-top: 0.375rem;
+  --progress-bar-label-position-floating-color: oklch(19.53% 0.0020 106.58);
+  --progress-bar-label-position-right-color: oklch(19.53% 0.0020 106.58);
+  --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(95.66% 0.0052 67.76);
+  --progress-bar-track-color-error: oklch(56.65% 0.1994 21.83);
+  --progress-bar-track-color-primary: oklch(81.06% 0.2032 150.12);
+  --progress-bar-track-color-success: oklch(86.93% 0.1976 127.63);
+  --progress-bar-track-color-warning: oklch(90.39% 0.1726 107.97);
+  --progress-circle-indicator-color-default: oklch(86.93% 0.1976 127.63);
+  --progress-circle-indicator-color-error: oklch(56.65% 0.1994 21.83);
+  --progress-circle-indicator-color-primary: oklch(81.06% 0.2032 150.12);
+  --progress-circle-indicator-color-success: oklch(86.93% 0.1976 127.63);
+  --progress-circle-indicator-color-warning: oklch(90.39% 0.1726 107.97);
+  --progress-circle-indicator-transition: all 300ms ease-out;
+  --progress-circle-label-color: oklch(65.05% 0.0063 84.57);
+  --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(95.66% 0.0052 67.76);
+  --progress-circle-track-color-error: oklch(56.65% 0.1994 21.83);
+  --progress-circle-track-color-primary: oklch(81.06% 0.2032 150.12);
+  --progress-circle-track-color-success: oklch(86.93% 0.1976 127.63);
+  --progress-circle-track-color-warning: oklch(90.39% 0.1726 107.97);
+  --progress-circle-value-color: oklch(19.53% 0.0020 106.58);
+  --progress-circle-value-font-weight: 600;
+  --radio-indicator-color: oklch(19.53% 0.0020 106.58);
+  --radio-indicator-size-lg: 12px;
+  --radio-indicator-size-md: 10px;
+  --radio-indicator-size-sm: 8px;
+  --radio-root-bg-checked: oklch(81.06% 0.2032 150.12);
+  --radio-root-bg-default: oklch(100.00% 0.0000 0);
+  --radio-root-bg-disabled: oklch(95.66% 0.0052 67.76);
+  --radio-root-border-checked: oklch(81.06% 0.2032 150.12);
+  --radio-root-border-default: oklch(81.06% 0.2032 150.12);
+  --radio-root-border-focus: oklch(64.44% 0.1647 149.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: 4px;
+  --rail-accent-foreground: oklch(19.53% 0.0020 106.58);
+  --rail-accent: oklch(97.74% 0.0368 137.83);
+  --rail-background: oklch(98.56% 0.0017 67.80);
+  --rail-border: oklch(92.82% 0.0029 84.56);
+  --rail-width: 3.5rem;
+  --rating-icon-color-empty: oklch(65.05% 0.0063 84.57);
+  --rating-icon-color-filled: oklch(81.68% 0.1721 107.82);
+  --rating-icon-size-lg: 24px;
+  --rating-icon-size-md: 20px;
+  --rating-icon-size-sm: 16px;
+  --rating-item-gap: 2px;
+  --resizable-handle-bg: oklch(92.82% 0.0029 84.56);
+  --resizable-handle-grip-bg: oklch(92.82% 0.0029 84.56);
+  --resizable-handle-grip-height: 16px;
+  --resizable-handle-grip-radius: 1px;
+  --resizable-handle-grip-width: 12px;
+  --resizable-handle-ring: oklch(64.44% 0.1647 149.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(88.60% 0.0046 78.30);
+  --rich-text-editor-root-radius: 0.375rem;
+  --rich-text-editor-toolbar-background: oklch(95.66% 0.0052 67.76);
+  --rich-text-editor-toolbar-border-bottom: oklch(92.82% 0.0029 84.56);
+  --rich-text-editor-toolbar-gap: 4px;
+  --rich-text-editor-toolbar-padding: 8px;
+  --ring-dark: oklch(88.23% 0.2057 138.41);
+  --ring-light: oklch(64.44% 0.1647 149.79);
+  --ring-offset: oklch(100.00% 0.0000 0);
+  --ring: oklch(64.44% 0.1647 149.79);
+  --scroll-bar-thumb-bg: oklch(92.82% 0.0029 84.56);
+  --scroll-bar-width-default: 0.625rem;
+  --scroll-bar-width-thin: 0.375rem;
+  --scroll-bar-width-wide: 0.875rem;
+  --secondary-dark: oklch(40.23% 0.0021 67.76);
+  --secondary-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --secondary-foreground-light: oklch(19.53% 0.0020 106.58);
+  --secondary-foreground: oklch(19.53% 0.0020 106.58);
+  --secondary-light: oklch(95.66% 0.0052 67.76);
+  --secondary: oklch(95.66% 0.0052 67.76);
+  --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.82% 0.0029 84.56);
+  --select-content-fg: oklch(40.23% 0.0021 67.76);
+  --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(97.74% 0.0368 137.83);
+  --select-item-focus-fg: oklch(19.53% 0.0020 106.58);
+  --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;
+  --sevends-base-black: oklch(0.00% 0.0000 0);
+  --sevends-base-transparent: oklch(100.00% 0.0000 0 / 0.0%);
+  --sevends-base-white: oklch(100.00% 0.0000 0);
+  --sevends-blue-100: oklch(97.59% 0.0157 216.67);
+  --sevends-blue-200: oklch(94.53% 0.0369 213.51);
+  --sevends-blue-300: oklch(91.74% 0.0496 213.90);
+  --sevends-blue-400: oklch(87.65% 0.0705 214.23);
+  --sevends-blue-500: oklch(80.31% 0.1075 216.16);
+  --sevends-blue-600: oklch(78.10% 0.1175 216.51);
+  --sevends-blue-700: oklch(75.81% 0.1250 218.03);
+  --sevends-blue-800: oklch(73.70% 0.1297 220.02);
+  --sevends-blue-900: oklch(68.14% 0.1200 220.43);
+  --sevends-gray-100: oklch(95.66% 0.0052 67.76);
+  --sevends-gray-200: oklch(92.82% 0.0029 84.56);
+  --sevends-gray-300: oklch(88.60% 0.0046 78.30);
+  --sevends-gray-400: oklch(84.57% 0.0059 84.57);
+  --sevends-gray-500: oklch(79.33% 0.0065 75.40);
+  --sevends-gray-50: oklch(98.56% 0.0017 67.80);
+  --sevends-gray-600: oklch(65.05% 0.0063 84.57);
+  --sevends-gray-700: oklch(52.77% 0.0048 91.49);
+  --sevends-gray-800: oklch(40.23% 0.0021 67.76);
+  --sevends-gray-900: oklch(19.53% 0.0020 106.58);
+  --sevends-gray-950: oklch(13.39% 0.0026 106.74);
+  --sevends-green-100: oklch(98.42% 0.0316 124.45);
+  --sevends-green-200: oklch(95.61% 0.0839 124.49);
+  --sevends-green-300: oklch(92.74% 0.1074 124.65);
+  --sevends-green-400: oklch(89.98% 0.1534 125.85);
+  --sevends-green-500: oklch(88.21% 0.1793 126.70);
+  --sevends-green-600: oklch(86.93% 0.1976 127.63);
+  --sevends-green-700: oklch(85.49% 0.2109 128.53);
+  --sevends-green-800: oklch(84.36% 0.2212 129.75);
+  --sevends-green-900: oklch(77.94% 0.2040 129.80);
+  --sevends-main-1-100: oklch(97.74% 0.0368 137.83);
+  --sevends-main-1-200: oklch(92.97% 0.1184 137.86);
+  --sevends-main-1-300: oklch(91.49% 0.1468 137.74);
+  --sevends-main-1-400: oklch(90.00% 0.1757 138.07);
+  --sevends-main-1-500: oklch(88.23% 0.2057 138.41);
+  --sevends-main-1-600: oklch(85.44% 0.2240 138.80);
+  --sevends-main-1-700: oklch(82.96% 0.2349 139.08);
+  --sevends-main-1-800: oklch(80.77% 0.2441 139.61);
+  --sevends-main-1-900: oklch(77.76% 0.2500 140.43);
+  --sevends-main-2-100: oklch(87.87% 0.1277 154.40);
+  --sevends-main-2-200: oklch(85.41% 0.1543 153.03);
+  --sevends-main-2-300: oklch(84.08% 0.1705 152.55);
+  --sevends-main-2-400: oklch(82.57% 0.1857 151.52);
+  --sevends-main-2-500: oklch(81.06% 0.2032 150.12);
+  --sevends-main-2-600: oklch(72.03% 0.1822 150.05);
+  --sevends-main-2-700: oklch(64.44% 0.1647 149.79);
+  --sevends-main-2-800: oklch(56.61% 0.1469 149.54);
+  --sevends-main-2-900: oklch(45.10% 0.1203 149.15);
+  --sevends-main-2-950: oklch(26.30% 0.0630 151.19);
+  --sevends-pink-100: oklch(95.91% 0.0218 344.20);
+  --sevends-pink-200: oklch(93.10% 0.0406 343.74);
+  --sevends-pink-300: oklch(90.22% 0.0546 343.48);
+  --sevends-pink-400: oklch(83.87% 0.0897 344.52);
+  --sevends-pink-500: oklch(75.10% 0.1420 346.73);
+  --sevends-pink-600: oklch(67.26% 0.1918 349.21);
+  --sevends-pink-700: oklch(61.49% 0.2265 352.67);
+  --sevends-pink-800: oklch(53.84% 0.2064 354.13);
+  --sevends-pink-900: oklch(44.40% 0.1687 353.32);
+  --sevends-red-100: oklch(80.49% 0.0780 12.92);
+  --sevends-red-200: oklch(71.81% 0.1206 14.69);
+  --sevends-red-300: oklch(66.49% 0.1475 16.22);
+  --sevends-red-400: oklch(61.43% 0.1749 18.14);
+  --sevends-red-500: oklch(56.65% 0.1994 21.83);
+  --sevends-red-50: oklch(95.00% 0.0174 13.10);
+  --sevends-red-600: oklch(52.24% 0.1829 21.48);
+  --sevends-red-700: oklch(48.83% 0.1691 21.48);
+  --sevends-red-800: oklch(44.91% 0.1540 21.05);
+  --sevends-red-900: oklch(39.33% 0.1330 20.76);
+  --sevends-yellow-100: oklch(98.63% 0.0428 105.74);
+  --sevends-yellow-200: oklch(97.51% 0.0778 106.19);
+  --sevends-yellow-300: oklch(95.38% 0.0993 106.91);
+  --sevends-yellow-400: oklch(92.74% 0.1387 107.93);
+  --sevends-yellow-500: oklch(91.37% 0.1593 108.01);
+  --sevends-yellow-600: oklch(90.39% 0.1726 107.97);
+  --sevends-yellow-700: oklch(89.39% 0.1821 108.21);
+  --sevends-yellow-800: oklch(88.52% 0.1872 108.02);
+  --sevends-yellow-900: oklch(81.68% 0.1721 107.82);
+  --shadow-2xl-blur-radius: 50px;
+  --shadow-2xl-color: oklch(0.00% 0.0000 0 / 25.1%);
+  --shadow-2xl-offset-x: 0px;
+  --shadow-2xl-offset-y: 25px;
+  --shadow-2xl-spread-radius: -12px;
+  --shadow-2xs-blur-radius: 0px;
+  --shadow-2xs-color: oklch(0.00% 0.0000 0 / 0.0%);
+  --shadow-2xs-offset-x: 0px;
+  --shadow-2xs-offset-y: 0px;
+  --shadow-2xs-spread-radius: 0px;
+  --shadow-2xs-type: shadow;
+  --shadow-button: oklch(64.44% 0.1647 149.79);
+  --shadow-lg-1-blur-radius: 2px;
+  --shadow-lg-1-color: oklch(0.00% 0.0000 0 / 1.2%);
+  --shadow-lg-1-offset-x: 0px;
+  --shadow-lg-1-offset-y: 2px;
+  --shadow-lg-1-spread-radius: -3px;
+  --shadow-lg-2-blur-radius: 6px;
+  --shadow-lg-2-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --shadow-lg-2-offset-x: 0px;
+  --shadow-lg-2-offset-y: 4px;
+  --shadow-lg-2-spread-radius: -4px;
+  --shadow-md-1-blur-radius: 6px;
+  --shadow-md-1-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --shadow-md-1-offset-x: 0px;
+  --shadow-md-1-offset-y: 4px;
+  --shadow-md-1-spread-radius: -1px;
+  --shadow-md-2-blur-radius: 4px;
+  --shadow-md-2-color: oklch(0.00% 0.0000 0 / 5.1%);
+  --shadow-md-2-offset-x: 0px;
+  --shadow-md-2-offset-y: 2px;
+  --shadow-md-2-spread-radius: -2px;
+  --shadow-sm-1-blur-radius: 0px;
+  --shadow-sm-1-color: oklch(0.00% 0.0000 0 / 0.0%);
+  --shadow-sm-1-offset-x: 0px;
+  --shadow-sm-1-offset-y: 0px;
+  --shadow-sm-1-spread-radius: 0px;
+  --shadow-sm-2-blur-radius: 0px;
+  --shadow-sm-2-color: oklch(0.00% 0.0000 0 / 0.0%);
+  --shadow-sm-2-offset-x: 0px;
+  --shadow-sm-2-offset-y: 0px;
+  --shadow-sm-2-spread-radius: -1px;
+  --shadow-xl-1-blur-radius: 25px;
+  --shadow-xl-1-color: oklch(0.00% 0.0000 0 / 10.2%);
+  --shadow-xl-1-offset-x: 0px;
+  --shadow-xl-1-offset-y: 20px;
+  --shadow-xl-1-spread-radius: -5px;
+  --shadow-xl-2-blur-radius: 10px;
+  --shadow-xl-2-color: oklch(0.00% 0.0000 0 / 10.2%);
+  --shadow-xl-2-offset-x: 0px;
+  --shadow-xl-2-offset-y: 8px;
+  --shadow-xl-2-spread-radius: -6px;
+  --shadow-xs-blur-radius: 0px;
+  --shadow-xs-color: oklch(0.00% 0.0000 0 / 0.0%);
+  --shadow-xs-offset-x: 0px;
+  --shadow-xs-offset-y: 0px;
+  --shadow-xs-spread-radius: 0px;
+  --sheet-content-bg: oklch(100.00% 0.0000 0);
+  --sheet-content-border: oklch(92.82% 0.0029 84.56);
+  --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% 0 0 / 50%);
+  --sheet-overlay-bg-default: oklch(0% 0 0 / 50%);
+  --sheet-overlay-bg-light: oklch(0% 0 0 / 50%);
+  --sidebar-accent-dark: oklch(40.23% 0.0021 67.76);
+  --sidebar-accent-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --sidebar-accent-foreground-light: oklch(19.53% 0.0020 106.58);
+  --sidebar-accent-foreground: oklch(19.53% 0.0020 106.58);
+  --sidebar-accent-light: oklch(97.74% 0.0368 137.83);
+  --sidebar-accent: oklch(97.74% 0.0368 137.83);
+  --sidebar-background-dark: oklch(19.53% 0.0020 106.58);
+  --sidebar-background-light: oklch(98.56% 0.0017 67.80);
+  --sidebar-background: oklch(98.56% 0.0017 67.80);
+  --sidebar-border-dark: oklch(100.00% 0.0000 0 / 10.2%);
+  --sidebar-border-light: oklch(92.82% 0.0029 84.56);
+  --sidebar-border: oklch(92.82% 0.0029 84.56);
+  --sidebar-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --sidebar-foreground-light: oklch(40.23% 0.0021 67.76);
+  --sidebar-foreground: oklch(40.23% 0.0021 67.76);
+  --sidebar-group-padding: 8px;
+  --sidebar-input-background: oklch(100.00% 0.0000 0);
+  --sidebar-input-border: oklch(92.82% 0.0029 84.56);
+  --sidebar-input-foreground: oklch(19.53% 0.0020 106.58);
+  --sidebar-input-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --sidebar-primary-dark: oklch(75.81% 0.1250 218.03);
+  --sidebar-primary-foreground-dark: oklch(98.56% 0.0017 67.80);
+  --sidebar-primary-foreground-light: oklch(98.56% 0.0017 67.80);
+  --sidebar-primary-foreground: oklch(98.56% 0.0017 67.80);
+  --sidebar-primary-light: oklch(19.53% 0.0020 106.58);
+  --sidebar-primary: oklch(19.53% 0.0020 106.58);
+  --sidebar-ring-dark: oklch(65.05% 0.0063 84.57);
+  --sidebar-ring-light: oklch(84.57% 0.0059 84.57);
+  --sidebar-ring: oklch(84.57% 0.0059 84.57);
+  --sidebar-width-icon: 3rem;
+  --sidebar-width-mobile: 18rem;
+  --sidebar-width: 16rem;
+  --single-stat-label-color: oklch(65.05% 0.0063 84.57);
+  --single-stat-label-size: 0.875rem;
+  --single-stat-label-weight: 500;
+  --single-stat-value-color: oklch(19.53% 0.0020 106.58);
+  --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(95.66% 0.0052 67.76);
+  --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-focus-ring: oklch(64.44% 0.1647 149.79);
+  --slider-handle-bg: oklch(100.00% 0.0000 0);
+  --slider-handle-border: oklch(81.06% 0.2032 150.12);
+  --slider-label-text: oklch(19.53% 0.0020 106.58);
+  --slider-range-bg-default: oklch(81.06% 0.2032 150.12);
+  --slider-range-bg: oklch(81.06% 0.2032 150.12);
+  --slider-thumb-bg: oklch(100.00% 0.0000 0);
+  --slider-thumb-border: oklch(81.06% 0.2032 150.12);
+  --slider-thumb-size-lg: 28px;
+  --slider-thumb-size-md: 24px;
+  --slider-thumb-size-sm: 20px;
+  --slider-tooltip-bg: oklch(100.00% 0.0000 0);
+  --slider-tooltip-border: oklch(92.82% 0.0029 84.56);
+  --slider-tooltip-text: oklch(65.05% 0.0063 84.57);
+  --slider-track-bg: oklch(95.66% 0.0052 67.76);
+  --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: 4px;
+  --spinner-color-current: currentColor;
+  --spinner-color-default: oklch(65.05% 0.0063 84.57);
+  --spinner-color-error: oklch(56.65% 0.1994 21.83);
+  --spinner-color-primary: oklch(81.06% 0.2032 150.12);
+  --spinner-color-secondary: oklch(19.53% 0.0020 106.58);
+  --spinner-color-success: oklch(86.93% 0.1976 127.63);
+  --spinner-color-warning: oklch(90.39% 0.1726 107.97);
+  --spinner-gradient-end: oklch(51.13% 0.1267 150.87);
+  --spinner-gradient-start: oklch(81.06% 0.2032 150.12);
+  --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.82% 0.0029 84.56);
+  --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-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(56.65% 0.1994 21.83);
+  --status-indicator-dot-color-info: oklch(75.81% 0.1250 218.03);
+  --status-indicator-dot-color-neutral: oklch(65.05% 0.0063 84.57);
+  --status-indicator-dot-color-success: oklch(86.93% 0.1976 127.63);
+  --status-indicator-dot-color-warning: oklch(90.39% 0.1726 107.97);
+  --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(19.53% 0.0020 106.58);
+  --status-indicator-label-font-size: 0.875rem;
+  --status-indicator-label-gap: 8px;
+  --status-indicator-root-border-radius: 9999px;
+  --status-indicator-root-shrink: 0;
+  --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);
+  --stepper-indicator-background-active: oklch(81.06% 0.2032 150.12);
+  --stepper-indicator-background-inactive: oklch(95.66% 0.0052 67.76);
+  --stepper-indicator-color-active: oklch(19.53% 0.0020 106.58);
+  --stepper-indicator-color-inactive: oklch(65.05% 0.0063 84.57);
+  --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.06% 0.2032 150.12);
+  --stepper-separator-color: oklch(95.66% 0.0052 67.76);
+  --stepper-separator-height: 2px;
+  --success-foreground: oklch(19.53% 0.0020 106.58);
+  --success: oklch(86.93% 0.1976 127.63);
+  --surface-default: oklch(100.00% 0.0000 0);
+  --surface-disabled: oklch(95.57% 0.0053 67.76);
+  --surface-hover: oklch(97.79% 0.0359 137.65);
+  --surface-overlay: oklch(100.00% 0.0000 0);
+  --surface-raised: oklch(100.00% 0.0000 0);
+  --surface-selected: oklch(97.79% 0.0359 137.65);
+  --surface-sunken: oklch(95.57% 0.0053 67.76);
+  --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(95.66% 0.0052 67.76);
+  --switch-track-bg-off: oklch(88.60% 0.0046 78.30);
+  --switch-track-bg-on: oklch(81.06% 0.2032 150.12);
+  --switch-track-radius: 9999px;
+  --switch-track-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tab-bg-active: oklch(81.06% 0.2032 150.12);
+  --tab-bg-base: oklch(98.56% 0.0017 67.80);
+  --tab-ico-hover: oklch(45.10% 0.1203 149.15);
+  --tab-ico-inactive: oklch(79.33% 0.0065 75.40);
+  --tab-text-active: oklch(19.53% 0.0020 106.58);
+  --tab-text-inactive: oklch(52.77% 0.0048 91.49);
+  --table-caption-fg: oklch(65.05% 0.0063 84.57);
+  --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(95.66% 0.0052 67.76)/50;
+  --table-footer-border: oklch(92.82% 0.0029 84.56);
+  --table-header-bg: oklch(100.00% 0.0000 0);
+  --table-header-fg: oklch(65.05% 0.0063 84.57);
+  --table-header-height: 40px;
+  --table-header-padding-x: 8px;
+  --table-row-border: oklch(92.82% 0.0029 84.56);
+  --table-row-hover: oklch(95.66% 0.0052 67.76)/50;
+  --table-row-selected: oklch(95.66% 0.0052 67.76);
+  --table-row-striped: oklch(95.66% 0.0052 67.76)/30;
+  --tabs-list-bg: oklch(95.66% 0.0052 67.76);
+  --tabs-list-fg: oklch(65.05% 0.0063 84.57);
+  --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(19.53% 0.0020 106.58);
+  --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(64.44% 0.1647 149.79);
+  --tabs-trigger-inactive-fg: oklch(19.53% 0.0020 106.58);
+  --tag-checkbox-bg-checked: oklch(81.06% 0.2032 150.12);
+  --tag-checkbox-bg-default: oklch(100.00% 0.0000 0);
+  --tag-checkbox-border-checked: oklch(81.06% 0.2032 150.12);
+  --tag-checkbox-border-default: oklch(92.82% 0.0029 84.56);
+  --tag-checkbox-text-checked: oklch(19.53% 0.0020 106.58);
+  --tag-color-bg-checked: oklch(95.66% 0.0052 67.76);
+  --tag-color-bg-default: oklch(100.00% 0.0000 0);
+  --tag-color-bg-hover: oklch(95.66% 0.0052 67.76);
+  --tag-color-border-checked: oklch(81.06% 0.2032 150.12);
+  --tag-color-border-default: oklch(92.82% 0.0029 84.56);
+  --tag-color-text-default: oklch(19.53% 0.0020 106.58);
+  --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(88.60% 0.0046 78.30);
+  --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(95.66% 0.0052 67.76);
+  --tags-input-tag-foreground: oklch(19.53% 0.0020 106.58);
+  --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(19.53% 0.0020 106.58);
+  --text-color-muted: oklch(65.05% 0.0063 84.57);
+  --text-disabled: oklch(88.60% 0.0046 78.30);
+  --text-error: oklch(56.65% 0.1994 21.83);
+  --text-info: oklch(75.81% 0.1250 218.03);
+  --text-inverse: oklch(100.00% 0.0000 0);
+  --text-muted: oklch(65.05% 0.0063 84.57);
+  --text-on-destructive: oklch(95.06% 0.0180 11.14);
+  --text-on-primary: oklch(19.53% 0.0020 106.58);
+  --text-placeholder: oklch(84.57% 0.0059 84.57);
+  --text-primary: oklch(19.53% 0.0020 106.58);
+  --text-secondary: oklch(65.05% 0.0063 84.57);
+  --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(85.49% 0.2109 128.53);
+  --text-tertiary: oklch(79.33% 0.0065 75.40);
+  --text-warning: oklch(81.68% 0.1721 107.82);
+  --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(95.66% 0.0052 67.76);
+  --textarea-border-default: oklch(92.82% 0.0029 84.56);
+  --textarea-border-error: oklch(56.65% 0.1994 21.83);
+  --textarea-border-focus: oklch(64.44% 0.1647 149.79);
+  --textarea-border-width: 1px;
+  --textarea-fg-default: oklch(19.53% 0.0020 106.58);
+  --textarea-fg-disabled: oklch(65.05% 0.0063 84.57);
+  --textarea-fg-placeholder: oklch(65.05% 0.0063 84.57);
+  --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(95.66% 0.0052 67.76);
+  --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(19.53% 0.0020 106.58);
+  --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(19.53% 0.0020 106.58);
+  --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(95.66% 0.0052 67.76);
+  --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(95.66% 0.0052 67.76);
+  --toggle-variant-default-bg-hover: oklch(95.66% 0.0052 67.76);
+  --toggle-variant-default-bg-on: oklch(81.06% 0.2032 150.12);
+  --toggle-variant-default-border: transparent;
+  --toggle-variant-default-color-default: oklch(65.05% 0.0063 84.57);
+  --toggle-variant-default-color-hover: oklch(19.53% 0.0020 106.58);
+  --toggle-variant-default-color-on: oklch(19.53% 0.0020 106.58);
+  --toggle-variant-outline-bg-default: transparent;
+  --toggle-variant-outline-bg-hover: oklch(95.66% 0.0052 67.76);
+  --toggle-variant-outline-bg-on: oklch(81.06% 0.2032 150.12);
+  --toggle-variant-outline-border: oklch(92.82% 0.0029 84.56);
+  --toggle-variant-outline-color-default: oklch(19.53% 0.0020 106.58);
+  --toggle-variant-outline-color-hover: oklch(19.53% 0.0020 106.58);
+  --toggle-variant-outline-color-on: oklch(19.53% 0.0020 106.58);
+  --toolbar-button-background-hover: oklch(95.66% 0.0052 67.76);
+  --toolbar-button-foreground-muted: oklch(65.05% 0.0063 84.57);
+  --toolbar-button-foreground: oklch(19.53% 0.0020 106.58);
+  --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.82% 0.0029 84.56);
+  --toolbar-root-gap: 8px;
+  --toolbar-root-padding: 8px;
+  --toolbar-root-radius: 0.375rem;
+  --toolbar-separator-color: oklch(92.82% 0.0029 84.56);
+  --toolbar-separator-margin-x: 8px;
+  --toolbar-separator-width: 1px;
+  --tooltip-arrow-radius: 0.125rem;
+  --tooltip-arrow-size: 0.625rem;
+  --tooltip-content-background: oklch(19.53% 0.0020 106.58);
+  --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;
+  --warning-foreground: oklch(19.53% 0.0020 106.58);
+  --warning: oklch(90.39% 0.1726 107.97);
+  --z-base: 0;
+  --z-dropdown: 1000;
+  --z-fixed: 1200;
+  --z-hide: -1;
+  --z-modal: 1300;
+  --z-popover: 1400;
+  --z-sticky: 1100;
+  --z-toast: 1600;
+  --z-tooltip: 1500;
+}
+
+/* Dark Theme */
+.dark {
+  --accent-dark:input\50: oklch(100.00% 0.0000 0 / 7.8%);
+  --accent-foreground: oklch(95.66% 0.0052 67.76);
+  --accent: oklch(26.30% 0.0630 151.19);
+  --alpha-10: oklch(14.48% 0.0000 0 / 90.2%);
+  --alpha-20: oklch(14.48% 0.0000 0 / 80.0%);
+  --alpha-30: oklch(14.48% 0.0000 0 / 70.2%);
+  --alpha-40: oklch(14.48% 0.0000 0 / 60.0%);
+  --alpha-50: oklch(14.48% 0.0000 0 / 50.2%);
+  --alpha-5: oklch(14.48% 0.0000 0 / 94.9%);
+  --alpha-60: oklch(14.48% 0.0000 0 / 40.0%);
+  --alpha-70: oklch(14.48% 0.0000 0 / 30.2%);
+  --alpha-80: oklch(14.48% 0.0000 0 / 20.0%);
+  --alpha-90: oklch(14.48% 0.0000 0 / 10.2%);
+  --background-dark:input\30: oklch(100.00% 0.0000 0 / 5.1%);
+  --background: oklch(13.39% 0.0026 106.74);
+  --border: oklch(100.00% 0.0000 0 / 10.2%);
+  --card-foreground: oklch(98.56% 0.0017 67.80);
+  --card: oklch(19.53% 0.0020 106.58);
+  --chart-1: oklch(48.82% 0.2172 264.38);
+  --chart-2: oklch(69.59% 0.1491 162.48);
+  --chart-3: oklch(76.86% 0.1647 70.08);
+  --chart-4: oklch(62.68% 0.2325 303.90);
+  --chart-5: oklch(56.65% 0.1994 21.83);
+  --dark:input: oklch(100.00% 0.0000 0 / 14.9%);
+  --destructive-dark:destructive\60: oklch(71.06% 0.1661 22.22 / 60.0%);
+  --destructive-dark:destructive\70: oklch(71.06% 0.1661 22.22 / 70.2%);
+  --destructive-dark:destructive\90: oklch(71.06% 0.1661 22.22 / 90.2%);
+  --destructive-foreground: oklch(95.00% 0.0174 13.10);
+  --destructive: oklch(66.49% 0.1475 16.22);
+  --destructive\20-dark:destructive\40: oklch(71.06% 0.1661 22.22 / 40.0%);
+  --destructive\40-dark:destructive\60: oklch(71.06% 0.1661 22.22 / 60.0%);
+  --foreground: oklch(98.56% 0.0017 67.80);
+  --heading-base-color: oklch(98.56% 0.0017 67.80);
+  --heading-color-default: oklch(98.56% 0.0017 67.80);
+  --heading-color-destructive: oklch(66.49% 0.1475 16.22);
+  --heading-color-muted: oklch(65.05% 0.0063 84.57);
+  --heading-color-primary: oklch(88.23% 0.2057 138.41);
+  --input-dark:input\80: oklch(100.00% 0.0000 0 / 12.2%);
+  --input: oklch(100.00% 0.0000 0 / 14.9%);
+  --kbd-variant-default-background: oklch(40.23% 0.0021 67.76);
+  --kbd-variant-default-color: oklch(65.05% 0.0063 84.57);
+  --kbd-variant-ghost-background: transparent;
+  --kbd-variant-ghost-color: oklch(65.05% 0.0063 84.57);
+  --kbd-variant-outline-background: transparent;
+  --kbd-variant-outline-border-color: oklch(100.00% 0.0000 0 / 10.2%);
+  --kbd-variant-outline-color: oklch(98.56% 0.0017 67.80);
+  --label-optional-color: oklch(65.05% 0.0063 84.57);
+  --label-required-color: oklch(66.49% 0.1475 16.22);
+  --link-color-default: oklch(88.23% 0.2057 138.41);
+  --link-color-muted: oklch(65.05% 0.0063 84.57);
+  --link-color-nav-hover: oklch(88.23% 0.2057 138.41);
+  --link-color-nav: oklch(98.56% 0.0017 67.80);
+  --link-color-subtle: oklch(98.56% 0.0017 67.80);
+  --muted-foreground: oklch(65.05% 0.0063 84.57);
+  --muted: oklch(40.23% 0.0021 67.76);
+  --outline: oklch(55.55% 0.0000 0 / 50.2%);
+  --outline\10-dark:outline\20: oklch(55.55% 0.0000 0 / 20.0%);
+  --paragraph-color-default: oklch(98.56% 0.0017 67.80);
+  --paragraph-color-destructive: oklch(66.49% 0.1475 16.22);
+  --paragraph-color-muted: oklch(65.05% 0.0063 84.57);
+  --paragraph-color-primary: oklch(88.23% 0.2057 138.41);
+  --paragraph-color-success: oklch(72.27% 0.1920 149.58);
+  --popover-foreground: oklch(98.56% 0.0017 67.80);
+  --popover: oklch(19.53% 0.0020 106.58);
+  --primary-foreground: oklch(19.53% 0.0020 106.58);
+  --primary: oklch(88.23% 0.2057 138.41);
+  --ring-offset: oklch(100.00% 0.0000 0);
+  --ring: oklch(88.23% 0.2057 138.41);
+  --secondary-foreground: oklch(98.56% 0.0017 67.80);
+  --secondary: oklch(40.23% 0.0021 67.76);
+  --sidebar-accent-foreground: oklch(98.56% 0.0017 67.80);
+  --sidebar-accent: oklch(40.23% 0.0021 67.76);
+  --sidebar-background: oklch(19.53% 0.0020 106.58);
+  --sidebar-border: oklch(100.00% 0.0000 0 / 10.2%);
+  --sidebar-foreground: oklch(98.56% 0.0017 67.80);
+  --sidebar-primary-foreground: oklch(98.56% 0.0017 67.80);
+  --sidebar-primary: oklch(75.81% 0.1250 218.03);
+  --sidebar-ring: oklch(65.05% 0.0063 84.57);
+  --text-color-default: oklch(98.56% 0.0017 67.80);
+  --text-color-muted: oklch(65.05% 0.0063 84.57);
+}
+
+/* Tailwind Theme Integration */
+@theme inline {
+  --color-accent-dark: var(--accent-dark);
+  --color-accent-dark:input\50: var(--accent-dark:input\50);
+  --color-accent-foreground-dark: var(--accent-foreground-dark);
+  --color-accent-foreground-light: var(--accent-foreground-light);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent-light: var(--accent-light);
+  --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-alpha-10: var(--alpha-10);
+  --color-alpha-20: var(--alpha-20);
+  --color-alpha-30: var(--alpha-30);
+  --color-alpha-40: var(--alpha-40);
+  --color-alpha-50: var(--alpha-50);
+  --color-alpha-5: var(--alpha-5);
+  --color-alpha-60: var(--alpha-60);
+  --color-alpha-70: var(--alpha-70);
+  --color-alpha-80: var(--alpha-80);
+  --color-alpha-90: var(--alpha-90);
+  --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-dark: var(--background-dark);
+  --color-background-dark:input\30: var(--background-dark:input\30);
+  --color-background-light: var(--background-light);
+  --color-background: var(--background);
+  --color-badge-bg-alert: var(--badge-bg-alert);
+  --color-badge-bg-hover-alert: var(--badge-bg-hover-alert);
+  --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-badge-text-alert: var(--badge-text-alert);
+  --color-base-black: var(--base-black);
+  --color-base-transparent: var(--base-transparent);
+  --color-base-white: var(--base-white);
+  --color-border-dark: var(--border-dark);
+  --color-border-light: var(--border-light);
+  --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-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-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-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-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-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-brius-100: var(--brius-100);
+  --color-brius-200: var(--brius-200);
+  --color-brius-300: var(--brius-300);
+  --color-brius-400: var(--brius-400);
+  --color-brius-500: var(--brius-500);
+  --color-brius-50: var(--brius-50);
+  --color-brius-600: var(--brius-600);
+  --color-brius-700: var(--brius-700);
+  --color-brius-800: var(--brius-800);
+  --color-brius-900: var(--brius-900);
+  --color-brius-950: var(--brius-950);
+  --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-shadow-bg-hover: var(--button-shadow-bg-hover);
+  --color-button-shadow-bg-shadow: var(--button-shadow-bg-shadow);
+  --color-button-shadow-ico-active: var(--button-shadow-ico-active);
+  --color-button-shadow-ico-hover: var(--button-shadow-ico-hover);
+  --color-button-shadow-ico-inactive: var(--button-shadow-ico-inactive);
+  --color-button-shadow-text-hover: var(--button-shadow-text-hover);
+  --color-button-shadow-text-shadow: var(--button-shadow-text-shadow);
+  --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-dark: var(--card-dark);
+  --color-card-description-color: var(--card-description-color);
+  --color-card-foreground-dark: var(--card-foreground-dark);
+  --color-card-foreground-light: var(--card-foreground-light);
+  --color-card-foreground: var(--card-foreground);
+  --color-card-light: var(--card-light);
+  --color-card-root-background: var(--card-root-background);
+  --color-card-root-foreground: var(--card-root-foreground);
+  --color-card: var(--card);
+  --color-chart-1-dark: var(--chart-1-dark);
+  --color-chart-1-light: var(--chart-1-light);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2-dark: var(--chart-2-dark);
+  --color-chart-2-light: var(--chart-2-light);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3-dark: var(--chart-3-dark);
+  --color-chart-3-light: var(--chart-3-light);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4-dark: var(--chart-4-dark);
+  --color-chart-4-light: var(--chart-4-light);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5-dark: var(--chart-5-dark);
+  --color-chart-5-light: var(--chart-5-light);
+  --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-dark:input: var(--dark:input);
+  --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-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
+  --color-destructive-dark: var(--destructive-dark);
+  --color-destructive-dark:destructive\60: var(--destructive-dark:destructive\60);
+  --color-destructive-dark:destructive\70: var(--destructive-dark:destructive\70);
+  --color-destructive-dark:destructive\90: var(--destructive-dark:destructive\90);
+  --color-destructive-foreground-dark: var(--destructive-foreground-dark);
+  --color-destructive-foreground-light: var(--destructive-foreground-light);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-destructive-light: var(--destructive-light);
+  --color-destructive: var(--destructive);
+  --color-destructive\20-dark:destructive\40: var(--destructive\20-dark:destructive\40);
+  --color-destructive\40-dark:destructive\60: var(--destructive\40-dark:destructive\60);
+  --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-drop-shadow-2xl-color: var(--drop-shadow-2xl-color);
+  --color-drop-shadow-lg-color: var(--drop-shadow-lg-color);
+  --color-drop-shadow-md-color: var(--drop-shadow-md-color);
+  --color-drop-shadow-sm-color: var(--drop-shadow-sm-color);
+  --color-drop-shadow-xl-color: var(--drop-shadow-xl-color);
+  --color-drop-shadow-xs-color: var(--drop-shadow-xs-color);
+  --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-etus-100: var(--etus-100);
+  --color-etus-200: var(--etus-200);
+  --color-etus-300: var(--etus-300);
+  --color-etus-400: var(--etus-400);
+  --color-etus-500: var(--etus-500);
+  --color-etus-50: var(--etus-50);
+  --color-etus-600: var(--etus-600);
+  --color-etus-700: var(--etus-700);
+  --color-etus-800: var(--etus-800);
+  --color-etus-900: var(--etus-900);
+  --color-etus-950: var(--etus-950);
+  --color-etus-main-v1-100: var(--etus-main-v1-100);
+  --color-etus-main-v1-200: var(--etus-main-v1-200);
+  --color-etus-main-v1-300: var(--etus-main-v1-300);
+  --color-etus-main-v1-400: var(--etus-main-v1-400);
+  --color-etus-main-v1-500: var(--etus-main-v1-500);
+  --color-etus-main-v1-600: var(--etus-main-v1-600);
+  --color-etus-main-v1-700: var(--etus-main-v1-700);
+  --color-etus-main-v1-800: var(--etus-main-v1-800);
+  --color-etus-main-v1-900: var(--etus-main-v1-900);
+  --color-etus-main-v2-100: var(--etus-main-v2-100);
+  --color-etus-main-v2-200: var(--etus-main-v2-200);
+  --color-etus-main-v2-300: var(--etus-main-v2-300);
+  --color-etus-main-v2-400: var(--etus-main-v2-400);
+  --color-etus-main-v2-500: var(--etus-main-v2-500);
+  --color-etus-main-v2-600: var(--etus-main-v2-600);
+  --color-etus-main-v2-700: var(--etus-main-v2-700);
+  --color-etus-main-v2-800: var(--etus-main-v2-800);
+  --color-etus-main-v2-900: var(--etus-main-v2-900);
+  --color-etus-main-v3-100: var(--etus-main-v3-100);
+  --color-etus-main-v3-200: var(--etus-main-v3-200);
+  --color-etus-main-v3-300: var(--etus-main-v3-300);
+  --color-etus-main-v3-400: var(--etus-main-v3-400);
+  --color-etus-main-v3-500: var(--etus-main-v3-500);
+  --color-etus-main-v3-600: var(--etus-main-v3-600);
+  --color-etus-main-v3-700: var(--etus-main-v3-700);
+  --color-etus-main-v3-800: var(--etus-main-v3-800);
+  --color-etus-main-v3-900: var(--etus-main-v3-900);
+  --color-etus-main-v4-100: var(--etus-main-v4-100);
+  --color-etus-main-v4-200: var(--etus-main-v4-200);
+  --color-etus-main-v4-300: var(--etus-main-v4-300);
+  --color-etus-main-v4-400: var(--etus-main-v4-400);
+  --color-etus-main-v4-500: var(--etus-main-v4-500);
+  --color-etus-main-v4-600: var(--etus-main-v4-600);
+  --color-etus-main-v4-700: var(--etus-main-v4-700);
+  --color-etus-main-v4-800: var(--etus-main-v4-800);
+  --color-etus-main-v4-900: var(--etus-main-v4-900);
+  --color-etus-main-v5-100: var(--etus-main-v5-100);
+  --color-etus-main-v5-200: var(--etus-main-v5-200);
+  --color-etus-main-v5-300: var(--etus-main-v5-300);
+  --color-etus-main-v5-400: var(--etus-main-v5-400);
+  --color-etus-main-v5-500: var(--etus-main-v5-500);
+  --color-etus-main-v5-600: var(--etus-main-v5-600);
+  --color-etus-main-v5-700: var(--etus-main-v5-700);
+  --color-etus-main-v5-800: var(--etus-main-v5-800);
+  --color-etus-main-v5-900: var(--etus-main-v5-900);
+  --color-etus-main-v6-100: var(--etus-main-v6-100);
+  --color-etus-main-v6-200: var(--etus-main-v6-200);
+  --color-etus-main-v6-300: var(--etus-main-v6-300);
+  --color-etus-main-v6-400: var(--etus-main-v6-400);
+  --color-etus-main-v6-500: var(--etus-main-v6-500);
+  --color-etus-main-v6-600: var(--etus-main-v6-600);
+  --color-etus-main-v6-700: var(--etus-main-v6-700);
+  --color-etus-main-v6-800: var(--etus-main-v6-800);
+  --color-etus-main-v6-900: var(--etus-main-v6-900);
+  --color-etus-v2-100: var(--etus-v2-100);
+  --color-etus-v2-200: var(--etus-v2-200);
+  --color-etus-v2-300: var(--etus-v2-300);
+  --color-etus-v2-400: var(--etus-v2-400);
+  --color-etus-v2-500: var(--etus-v2-500);
+  --color-etus-v2-600: var(--etus-v2-600);
+  --color-etus-v2-700: var(--etus-v2-700);
+  --color-etus-v2-800: var(--etus-v2-800);
+  --color-etus-v2-900: var(--etus-v2-900);
+  --color-evolution-100: var(--evolution-100);
+  --color-evolution-200: var(--evolution-200);
+  --color-evolution-300: var(--evolution-300);
+  --color-evolution-400: var(--evolution-400);
+  --color-evolution-500: var(--evolution-500);
+  --color-evolution-50: var(--evolution-50);
+  --color-evolution-600: var(--evolution-600);
+  --color-evolution-700: var(--evolution-700);
+  --color-evolution-800: var(--evolution-800);
+  --color-evolution-900: var(--evolution-900);
+  --color-evolution-950: var(--evolution-950);
+  --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-foreground-dark: var(--foreground-dark);
+  --color-foreground-light: var(--foreground-light);
+  --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-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-dark: var(--input-dark);
+  --color-input-dark:input\80: var(--input-dark:input\80);
+  --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-light: var(--input-light);
+  --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-inset-shadow-2xs-color: var(--inset-shadow-2xs-color);
+  --color-inset-shadow-sm-color: var(--inset-shadow-sm-color);
+  --color-inset-shadow-xs-color: var(--inset-shadow-xs-color);
+  --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-dark: var(--muted-dark);
+  --color-muted-foreground-dark: var(--muted-foreground-dark);
+  --color-muted-foreground-light: var(--muted-foreground-light);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted-light: var(--muted-light);
+  --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-outline: var(--outline);
+  --color-outline\10-dark:outline\20: var(--outline\10-dark:outline\20);
+  --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-dark: var(--popover-dark);
+  --color-popover-fg: var(--popover-fg);
+  --color-popover-foreground-dark: var(--popover-foreground-dark);
+  --color-popover-foreground-light: var(--popover-foreground-light);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover-light: var(--popover-light);
+  --color-popover: var(--popover);
+  --color-primary-dark: var(--primary-dark);
+  --color-primary-foreground-dark: var(--primary-foreground-dark);
+  --color-primary-foreground-light: var(--primary-foreground-light);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary-light: var(--primary-light);
+  --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-dark: var(--ring-dark);
+  --color-ring-light: var(--ring-light);
+  --color-ring-offset: var(--ring-offset);
+  --color-ring: var(--ring);
+  --color-scroll-bar-thumb-bg: var(--scroll-bar-thumb-bg);
+  --color-secondary-dark: var(--secondary-dark);
+  --color-secondary-foreground-dark: var(--secondary-foreground-dark);
+  --color-secondary-foreground-light: var(--secondary-foreground-light);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary-light: var(--secondary-light);
+  --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-shadow-2xl-color: var(--shadow-2xl-color);
+  --color-shadow-2xs-color: var(--shadow-2xs-color);
+  --color-shadow-button: var(--shadow-button);
+  --color-shadow-lg-1-color: var(--shadow-lg-1-color);
+  --color-shadow-lg-2-color: var(--shadow-lg-2-color);
+  --color-shadow-md-1-color: var(--shadow-md-1-color);
+  --color-shadow-md-2-color: var(--shadow-md-2-color);
+  --color-shadow-sm-1-color: var(--shadow-sm-1-color);
+  --color-shadow-sm-2-color: var(--shadow-sm-2-color);
+  --color-shadow-xl-1-color: var(--shadow-xl-1-color);
+  --color-shadow-xl-2-color: var(--shadow-xl-2-color);
+  --color-shadow-xs-color: var(--shadow-xs-color);
+  --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-dark: var(--sidebar-accent-dark);
+  --color-sidebar-accent-foreground-dark: var(--sidebar-accent-foreground-dark);
+  --color-sidebar-accent-foreground-light: var(--sidebar-accent-foreground-light);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent-light: var(--sidebar-accent-light);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-background-dark: var(--sidebar-background-dark);
+  --color-sidebar-background-light: var(--sidebar-background-light);
+  --color-sidebar-background: var(--sidebar-background);
+  --color-sidebar-border-dark: var(--sidebar-border-dark);
+  --color-sidebar-border-light: var(--sidebar-border-light);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-foreground-dark: var(--sidebar-foreground-dark);
+  --color-sidebar-foreground-light: var(--sidebar-foreground-light);
+  --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-sidebar-primary-dark: var(--sidebar-primary-dark);
+  --color-sidebar-primary-foreground-dark: var(--sidebar-primary-foreground-dark);
+  --color-sidebar-primary-foreground-light: var(--sidebar-primary-foreground-light);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary-light: var(--sidebar-primary-light);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-ring-dark: var(--sidebar-ring-dark);
+  --color-sidebar-ring-light: var(--sidebar-ring-light);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --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-focus-ring: var(--slider-focus-ring);
+  --color-slider-handle-bg: var(--slider-handle-bg);
+  --color-slider-handle-border: var(--slider-handle-border);
+  --color-slider-label-text: var(--slider-label-text);
+  --color-slider-range-bg-default: var(--slider-range-bg-default);
+  --color-slider-range-bg: var(--slider-range-bg);
+  --color-slider-thumb-bg: var(--slider-thumb-bg);
+  --color-slider-thumb-border: var(--slider-thumb-border);
+  --color-slider-tooltip-bg: var(--slider-tooltip-bg);
+  --color-slider-tooltip-border: var(--slider-tooltip-border);
+  --color-slider-tooltip-text: var(--slider-tooltip-text);
+  --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-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-indicator-root-border-radius: var(--status-indicator-root-border-radius);
+  --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-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-foreground: var(--success-foreground);
+  --color-success: var(--success);
+  --color-surface-default: var(--surface-default);
+  --color-surface-disabled: var(--surface-disabled);
+  --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-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-tab-bg-active: var(--tab-bg-active);
+  --color-tab-bg-base: var(--tab-bg-base);
+  --color-tab-ico-hover: var(--tab-ico-hover);
+  --color-tab-ico-inactive: var(--tab-ico-inactive);
+  --color-tab-text-active: var(--tab-text-active);
+  --color-tab-text-inactive: var(--tab-text-inactive);
+  --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-foreground: var(--warning-foreground);
+  --color-warning: var(--warning);
+  --font-family-font-mono: var(--font-font-mono);
+  --font-family-font-sans: var(--font-font-sans);
+  --font-family-font-serif: var(--font-font-serif);
+  --radius-circle: var(--avatar-radius-circle);
+  --radius-default: var(--badge-radius-default);
+  --radius-full: var(--button-radius-full);
+  --radius-lg: var(--button-radius-lg);
+  --radius-pill: var(--badge-radius-pill);
+  --radius-radius: var(--radius);
+  --radius-sm: var(--button-radius-sm);
+  --radius-square: var(--avatar-radius-square);
+  --radius-xl: var(--button-radius-xl);
+  --shadow-blur-radius: var(--shadow-2xs-blur-radius);
+  --shadow-offset-x: var(--shadow-2xs-offset-x);
+  --shadow-offset-y: var(--shadow-2xs-offset-y);
+  --shadow-shadow: var(--autocomplete-content-shadow);
+  --shadow-spread-radius: var(--shadow-2xs-spread-radius);
+  --shadow-type: var(--shadow-2xs-type);
+  --spacing-none: var(--paragraph-spacing-none);
+  --spacing-normal: var(--paragraph-spacing-normal);
+  --spacing-relaxed: var(--paragraph-spacing-relaxed);
+  --spacing-spacing: var(--spacing);
+  --spacing-tight: var(--paragraph-spacing-tight);
+  --text-font-size: var(--text-size-xs-font-size);
+}