:root {
  --color-primitive-white: #ffffff;
  --color-primitive-black: #000000;
  --color-primitive-gray-50: #f9fafb;
  --color-primitive-gray-100: #f3f4f6;
  --color-primitive-gray-200: #e5e7eb;
  --color-primitive-gray-300: #d1d5db;
  --color-primitive-gray-400: #9ca3af;
  --color-primitive-gray-500: #6b7280;
  --color-primitive-gray-600: #4b5563;
  --color-primitive-gray-700: #374151;
  --color-primitive-gray-800: #1f2937;
  --color-primitive-gray-900: #111827;
  --color-primitive-gray-950: #030712;
  --color-primitive-neutral-50: #f9fafb;
  --color-primitive-neutral-100: #F2F2F7;
  --color-primitive-neutral-200: #E5E5EA;
  --color-primitive-neutral-300: #D1D1D6;
  --color-primitive-neutral-400: #C7C7CC;
  --color-primitive-neutral-500: #AEAEB2;
  --color-primitive-neutral-600: #8E8E93;
  --color-primitive-neutral-700: #7C7C80;
  --color-primitive-neutral-800: #545456;
  --color-primitive-neutral-900: #444446;
  --color-primitive-neutral-950: #363638;
  --color-primitive-red-50: #fef2f2;
  --color-primitive-red-100: #fecaca;
  --color-primitive-red-200: #fca5a5;
  --color-primitive-red-300: #f87171;
  --color-primitive-red-400: #ef4444;
  --color-primitive-red-500: #dc2626;
  --color-primitive-red-600: #b91c1c;
  --color-primitive-red-700: #991b1b;
  --color-primitive-red-800: #7f1d1d;
  --color-primitive-red-900: #450a0a;
  --color-primitive-green-50: #f0fdf4;
  --color-primitive-green-100: #dcfce7;
  --color-primitive-green-200: #bbf7d0;
  --color-primitive-green-300: #86efac;
  --color-primitive-green-400: #4ade80;
  --color-primitive-green-500: #22c55e;
  --color-primitive-green-600: #16a34a;
  --color-primitive-green-700: #15803d;
  --color-primitive-green-800: #166534;
  --color-primitive-green-900: #14532d;
  --color-primitive-blue-50: #eff6ff;
  --color-primitive-blue-100: #dbeafe;
  --color-primitive-blue-200: #bfdbfe;
  --color-primitive-blue-300: #93c5fd;
  --color-primitive-blue-400: #60a5fa;
  --color-primitive-blue-500: #3b82f6;
  --color-primitive-blue-600: #2563eb;
  --color-primitive-blue-700: #1d4ed8;
  --color-primitive-blue-800: #1e40af;
  --color-primitive-blue-900: #1e3a8a;
  --color-primitive-yellow-50: #fefce8;
  --color-primitive-yellow-100: #fef3c7;
  --color-primitive-yellow-200: #fde68a;
  --color-primitive-yellow-300: #fcd34d;
  --color-primitive-yellow-400: #fbbf24;
  --color-primitive-yellow-500: #f59e0b;
  --color-primitive-yellow-600: #d97706;
  --color-primitive-yellow-700: #b45309;
  --color-primitive-yellow-800: #92400e;
  --color-primitive-yellow-900: #78350f;
  --color-primitive-indigo-50: #eef2ff;
  --color-primitive-indigo-100: #e0e7ff;
  --color-primitive-indigo-200: #c7d2fe;
  --color-primitive-indigo-300: #a5b4fc;
  --color-primitive-indigo-400: #818cf8;
  --color-primitive-indigo-500: #6366f1;
  --color-primitive-indigo-600: #4f46e5;
  --color-primitive-indigo-700: #4338ca;
  --color-primitive-indigo-800: #3730a3;
  --color-primitive-indigo-900: #312e81;
  --color-semantic-primary: var(--color-primitive-neutral-900);
  --color-semantic-primary-dark: var(--color-primitive-neutral-950);
  --color-semantic-primary-light: var(--color-primitive-neutral-100);
  --color-semantic-secondary: var(--color-primitive-neutral-200);
  --color-semantic-secondary-dark: var(--color-primitive-neutral-900);
  --color-semantic-secondary-light: var(--color-primitive-neutral-100);
  --color-semantic-accent: var(--color-primitive-blue-600);
  --color-semantic-accent-dark: var(--color-primitive-blue-700);
  --color-semantic-accent-light: var(--color-primitive-blue-500);
  --color-semantic-surface-primary: var(--color-semantic-background-light-100);
  --color-semantic-surface-secondary: var(--color-semantic-background-light-200);
  --color-semantic-surface-tertiary: var(--color-semantic-background-light-300);
  --color-semantic-overlay-tooltip: rgba(17, 24, 39, 0.9);
  --color-semantic-overlay-modal: rgba(0, 0, 0, 0.5);
  --color-semantic-overlay-drawer: rgba(0, 0, 0, 0.3);
  --color-semantic-text-light: #ffffff;
  --color-semantic-text-primary: var(--color-primitive-neutral-900);
  --color-semantic-text-secondary: var(--color-primitive-neutral-600);
  --color-semantic-text-inverse: var(--color-semantic-text-light);
  --color-semantic-text-disabled: var(--color-primitive-neutral-400);
  --color-semantic-border-light: var(--color-primitive-neutral-100);
  --color-semantic-border-default: var(--color-primitive-neutral-200);
  --color-semantic-border-strong: var(--color-primitive-neutral-300);
  --color-semantic-status-success: var(--color-primitive-green-600);
  --color-semantic-status-success-bg: var(--color-primitive-green-50);
  --color-semantic-status-success-border: var(--color-primitive-green-100);
  --color-semantic-status-success-text: var(--color-primitive-green-800);
  --color-semantic-status-warning: var(--color-primitive-yellow-600);
  --color-semantic-status-warning-bg: var(--color-primitive-yellow-50);
  --color-semantic-status-warning-border: var(--color-primitive-yellow-100);
  --color-semantic-status-warning-text: var(--color-primitive-yellow-800);
  --color-semantic-status-error: var(--color-primitive-red-600);
  --color-semantic-status-error-bg: var(--color-primitive-red-50);
  --color-semantic-status-error-border: var(--color-primitive-red-100);
  --color-semantic-status-error-text: var(--color-primitive-red-800);
  --color-semantic-status-info: var(--color-primitive-blue-600);
  --color-semantic-status-info-bg: var(--color-primitive-blue-50);
  --color-semantic-status-info-border: var(--color-primitive-blue-100);
  --color-semantic-status-info-text: var(--color-primitive-blue-800);
  --color-semantic-status-default: var(--color-primitive-gray-600);
  --color-semantic-status-default-bg: var(--color-primitive-gray-50);
  --color-semantic-status-default-border: var(--color-primitive-gray-100);
  --color-semantic-status-default-text: var(--color-primitive-gray-800);
  --color-semantic-active-primary: var(--color-primitive-blue-600);
  --color-semantic-active-primary-bg: var(--color-primitive-blue-50);
  --color-semantic-active-secondary: var(--color-primitive-neutral-700);
  --color-semantic-active-secondary-bg: var(--color-primitive-neutral-100);
  --color-semantic-active-accent: var(--color-primitive-indigo-600);
  --color-semantic-active-accent-bg: var(--color-primitive-indigo-50);
  --color-semantic-background-light-100: #ffffff;
  --color-semantic-background-light-200: #f9f9fa;
  --color-semantic-background-light-300: #f5f5f5;
  --color-semantic-background-dark-200: #312c2a;
  --color-semantic-background-dark-300: #1b1918;
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-32: 8rem;
  --spacing-48: 12rem;
  --spacing-64: 16rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --radius-full: 9999px;
  --radius-control: 1.5rem;
  --border-width-thin: 1px;
  --border-width-normal: 2px;
  --border-width-thick: 3px;
  --border-style-solid: solid;
  --border-style-dashed: dashed;
  --border-style-dotted: dotted;
  --border-default: 1px solid var(--color-semantic-border-default);
  --border-light: 1px solid var(--color-semantic-border-light);
  --border-strong: 1px solid var(--color-semantic-border-strong);
  --font-family-sans: 'Work Sans', ui-sans-serif, system-ui;
  --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.8rem;
  --font-size-5xl: 3.56rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --transition-duration-fast: 0.15s;
  --transition-duration-normal: 0.3s;
  --transition-duration-slow: 0.5s;
  --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --opacity-hover: 0.65;
  --opacity-disabled: 0.5;
  --opacity-subtle: 0.6;
  --states-focus-border-color: var(--color-primitive-neutral-300);
  --states-focus-ring: 0 0 0 3px var(--color-primitive-neutral-300);
  --states-focus-outline: 2px solid var(--color-primitive-neutral-200);
  --states-focus-outline-offset: 2px;
  --states-focus-box-shadow: transparent;
  --states-focus-error-border-color: var(--color-primitive-red-100);
  --states-focus-error-ring: 0 0 0 3px var(--color-primitive-red-100);
  --states-focus-error-outline: 2px solid var(--color-primitive-red-100);
  --states-focus-error-outline-offset: 2px;
  --states-focus-error-box-shadow: transparent;
  --states-disabled-bg: var(--color-primitive-gray-100);
  --states-disabled-color: var(--color-primitive-gray-400);
  --states-disabled-cursor: not-allowed;
  --z-index-dropdown: 1000;
  --z-index-tooltip: 1010;
  --z-index-modal-overlay: 1040;
  --z-index-modal-content: 1050;
  --z-index-drawer-overlay: 1040;
  --z-index-drawer-content: 1050;
  --button-base-font-family: var(--font-family-sans);
  --button-base-font-weight: var(--font-weight-semibold);
  --button-base-cursor: pointer;
  --button-base-transition: var(--transition-duration-fast) var(--transition-easing);
  --button-base-border: none;
  --button-base-outline: none;
  --button-base-disabled-opacity: var(--opacity-disabled);
  --button-base-hover-opacity: var(--opacity-hover);
  --button-base-focus-ring: var(--color-primitive-neutral-200);
  --button-base-focus-ring-width: 0 0 0 2px;
  --button-base-radius: var(--radius-control);
  --button-size-sm-padding: var(--spacing-2) var(--spacing-3);
  --button-size-sm-font-size: var(--font-size-sm);
  --button-size-sm-height: 2rem;
  --button-size-sm-line-height: 1;
  --button-size-md-padding: var(--spacing-3) var(--spacing-6);
  --button-size-md-font-size: var(--font-size-base);
  --button-size-md-height: 2.5rem;
  --button-size-md-line-height: 1.3;
  --button-size-lg-padding: var(--spacing-4) var(--spacing-8);
  --button-size-lg-font-size: var(--font-size-lg);
  --button-size-lg-height: 3rem;
  --button-size-lg-line-height: 1.5;
  --button-variant-contained-primary-bg: var(--color-semantic-primary);
  --button-variant-contained-primary-color: var(--color-semantic-primary-light);
  --button-variant-contained-primary-hover-bg: var(--color-semantic-primary-dark);
  --button-variant-contained-primary-hover-color: var(--color-semantic-primary-light);
  --button-variant-contained-primary-focus-ring: var(--color-semantic-primary-light);
  --button-variant-contained-secondary-bg: var(--color-semantic-secondary);
  --button-variant-contained-secondary-color: var(--color-semantic-secondary-dark);
  --button-variant-contained-secondary-hover-bg: var(--color-semantic-secondary-light);
  --button-variant-contained-secondary-hover-color: var(--color-semantic-secondary-dark);
  --button-variant-contained-secondary-focus-ring: var(--color-semantic-secondary-light);
  --button-variant-contained-danger-bg: var(--color-primitive-red-600);
  --button-variant-contained-danger-color: var(--color-semantic-text-light);
  --button-variant-contained-danger-hover-bg: var(--color-primitive-red-700);
  --button-variant-contained-danger-hover-color: var(--color-semantic-text-light);
  --button-variant-contained-danger-focus-ring: var(--color-primitive-red-100);
  --button-variant-outlined-primary-bg: transparent;
  --button-variant-outlined-primary-color: var(--color-semantic-primary);
  --button-variant-outlined-primary-border: 1px solid var(--color-semantic-primary);
  --button-variant-outlined-primary-hover-bg: var(--color-semantic-primary);
  --button-variant-outlined-primary-hover-color: var(--color-semantic-text-light);
  --button-variant-outlined-primary-focus-ring: var(--color-semantic-primary);
  --button-variant-outlined-secondary-bg: transparent;
  --button-variant-outlined-secondary-color: var(--color-semantic-secondary);
  --button-variant-outlined-secondary-border: 1px solid var(--color-semantic-secondary);
  --button-variant-outlined-secondary-hover-bg: var(--color-semantic-secondary);
  --button-variant-outlined-secondary-hover-color: var(--color-semantic-secondary-dark);
  --button-variant-outlined-secondary-focus-ring: var(--color-semantic-secondary);
  --button-variant-outlined-danger-bg: transparent;
  --button-variant-outlined-danger-color: var(--color-primitive-red-600);
  --button-variant-outlined-danger-border: 1px solid var(--color-primitive-red-600);
  --button-variant-outlined-danger-hover-bg: var(--color-primitive-red-600);
  --button-variant-outlined-danger-hover-color: var(--color-semantic-text-light);
  --button-variant-outlined-danger-focus-ring: var(--color-primitive-red-600);
  --button-variant-dotted-primary-bg: transparent;
  --button-variant-dotted-primary-color: var(--color-semantic-primary);
  --button-variant-dotted-primary-border: 2px dotted var(--color-semantic-primary);
  --button-variant-dotted-primary-hover-bg: var(--color-semantic-primary);
  --button-variant-dotted-primary-hover-color: var(--color-semantic-text-light);
  --button-variant-dotted-primary-focus-ring: var(--color-semantic-primary-light);
  --button-variant-dotted-secondary-bg: transparent;
  --button-variant-dotted-secondary-color: var(--color-semantic-secondary);
  --button-variant-dotted-secondary-border: 2px dotted var(--color-semantic-secondary);
  --button-variant-dotted-secondary-hover-bg: var(--color-semantic-secondary);
  --button-variant-dotted-secondary-hover-color: var(--color-semantic-secondary-dark);
  --button-variant-dotted-secondary-focus-ring: var(--color-semantic-secondary);
  --button-variant-dotted-danger-bg: transparent;
  --button-variant-dotted-danger-color: var(--color-primitive-red-600);
  --button-variant-dotted-danger-border: 2px dotted var(--color-primitive-red-600);
  --button-variant-dotted-danger-hover-bg: var(--color-primitive-red-600);
  --button-variant-dotted-danger-hover-color: var(--color-semantic-text-light);
  --button-variant-dotted-danger-focus-ring: var(--color-primitive-red-600);
  --button-variant-ghost-bg: transparent;
  --button-variant-ghost-color: var(--color-semantic-primary);
  --button-variant-ghost-border: none;
  --button-variant-ghost-hover-bg: var(--color-semantic-background-light-300);
  --button-variant-ghost-hover-color: var(--color-semantic-primary);
  --button-variant-ghost-focus-ring: var(--color-semantic-primary);
  --button-icon-bg: transparent;
  --button-icon-color: var(--color-semantic-text-primary);
  --button-icon-transition: var(--button-icon-transition);
  --button-icon-size-sm: 2rem;
  --button-icon-size-md: 2.5rem;
  --button-icon-size-lg: 3rem;
  --button-icon-padding: var(--spacing-2);
  --button-icon-font-size-sm: 1rem;
  --button-icon-font-size-md: 1.25rem;
  --button-icon-font-size-lg: 1.5rem;
  --button-icon-outlined-bg: transparent;
  --button-icon-outlined-color: var(--color-semantic-primary);
  --button-icon-outlined-border: 1px solid var(--color-semantic-secondary);
  --button-icon-outlined-hover-bg: var(--color-semantic-background-light-300);
  --button-icon-outlined-hover-color: var(--color-semantic-text-light);
  --button-icon-ghost-bg: transparent;
  --button-icon-ghost-color: var(--color-semantic-primary);
  --button-icon-ghost-border: none;
  --button-icon-ghost-hover-bg: var(--color-semantic-background-light-300);
  --button-icon-ghost-hover-color: var(--color-semantic-primary);
  --button-group-border-width: 1px;
  --button-group-border-color: var(--color-semantic-secondary);
  --button-group-padding: var(--spacing-2) var(--spacing-4);
  --button-group-font-size: var(--font-size-sm);
  --button-group-font-weight: var(--font-weight-semibold);
  --button-group-bg: var(--color-semantic-background-light-100);
  --button-group-color: var(--color-primitive-neutral-600);
  --button-group-hover-bg: var(--color-semantic-background-light-200);
  --button-group-selected-bg: var(--color-semantic-background-light-300);
  --button-group-selected-color: var(--color-semantic-primary);
  --button-group-disabled-bg: var(--color-semantic-background-light-100);
  --button-group-disabled-color: var(--color-primitive-neutral-300);
  --card-base-bg: var(--color-semantic-background-light-100);
  --card-base-border: 1px solid var(--color-semantic-border-light);
  --card-base-border-radius: var(--radius-xl);
  --card-base-shadow: none;
  --card-header-padding: var(--spacing-4) var(--spacing-6);
  --card-header-border-bottom: 1px solid var(--color-semantic-border-light);
  --card-body-padding: var(--spacing-6);
  --card-body-bg: var(--color-semantic-background-light-100);
  --card-footer-padding: var(--spacing-4) var(--spacing-6);
  --card-footer-border-top: 1px solid var(--color-semantic-border-light);
  --table-min-width: 100%;
  --table-border-collapse: collapse;
  --table-overflow: auto;
  --table-header-bg: var(--color-primitive-gray-100);
  --table-header-border-bottom: 1px solid var(--color-semantic-border-light);
  --table-header-cell-padding: var(--spacing-3) var(--spacing-4);
  --table-header-cell-text-align: left;
  --table-header-cell-font-size: var(--font-size-sm);
  --table-header-cell-font-weight: var(--font-weight-semibold);
  --table-header-cell-color: var(--color-primitive-neutral-600);
  --table-header-cell-select-width: 3rem;
  --table-header-cell-sort-icon-margin-left: var(--spacing-1);
  --table-header-cell-sort-icon-color: var(--color-semantic-text-secondary);
  --table-header-cell-sort-icon-hover-color: var(--color-semantic-text-primary);
  --table-header-cell-sort-icon-size: 1rem;
  --table-body-bg: var(--color-semantic-background-light-100);
  --table-body-row-transition: background-color 0.15s ease-in-out;
  --table-body-row-hover-bg: var(--color-semantic-background-light-200);
  --table-body-row-divide: 1px solid var(--color-semantic-border-light);
  --table-body-row-cell-padding: var(--spacing-3) var(--spacing-4);
  --table-body-row-cell-white-space: nowrap;
  --table-body-row-cell-font-size: var(--font-size-sm);
  --table-body-row-cell-font-weight: var(--font-weight-medium);
  --table-body-row-cell-color: var(--color-semantic-text-primary);
  --table-footer-bg: var(--color-semantic-background-light-100);
  --table-footer-border-top: 1px solid var(--color-semantic-border-light);
  --table-footer-padding: var(--spacing-3) var(--spacing-4);
  --table-footer-pagination-border-radius: calc(var(--radius-control) * 0.35);
  --table-footer-pagination-button-padding: var(--spacing-2) var(--spacing-3);
  --table-footer-pagination-button-border: 1px solid var(--color-semantic-border-default);
  --table-footer-pagination-button-font-size: var(--font-size-sm);
  --table-footer-pagination-button-font-weight: var(--font-weight-semibold);
  --table-footer-pagination-button-color: var(--color-semantic-text-primary);
  --table-footer-pagination-button-bg: var(--color-semantic-background-light-100);
  --table-footer-pagination-button-state-active-color: var(--color-semantic-active-accent);
  --table-footer-pagination-button-state-active-bg: var(--color-semantic-active-accent-bg);
  --table-footer-pagination-button-state-hover-color: var(--color-semantic-text-primary);
  --table-footer-pagination-button-state-hover-bg: var(--color-semantic-background-light-200);
  --table-footer-pagination-text-font-size: var(--font-size-sm);
  --table-footer-pagination-text-color: var(--color-semantic-text-secondary);
  --table-footer-pagination-current-font-weight: var(--font-weight-semibold);
  --drawer-bg: var(--color-semantic-background-light-100);
  --drawer-right: var(--spacing-4);
  --drawer-top: var(--spacing-4);
  --drawer-bottom: var(--spacing-4);
  --drawer-z-index: var(--z-index-drawer-content);
  --drawer-shadow: -2px 0 16px rgba(0, 0, 0, 0.1);
  --drawer-radius: var(--radius-2xl);
  --drawer-overlay-bg: var(--color-semantic-overlay-drawer);
  --drawer-overlay-opacity: 1;
  --drawer-overlay-z-index: var(--z-index-drawer-overlay);
  --drawer-header-padding: var(--spacing-4) var(--spacing-6);
  --drawer-header-border-bottom: 1px solid var(--color-semantic-border-light);
  --drawer-header-min-height: 3.5rem;
  --drawer-body-padding: var(--spacing-4);
  --drawer-footer-padding: var(--spacing-4) var(--spacing-6);
  --drawer-footer-border-top: 1px solid var(--color-semantic-border-light);
  --dialog-overlay-bg: var(--color-semantic-overlay-modal);
  --dialog-overlay-backdrop-filter: blur(4px);
  --dialog-overlay-z-index: var(--z-index-modal-overlay);
  --dialog-content-bg: var(--color-semantic-background-light-100);
  --dialog-content-border: 0;
  --dialog-content-border-radius: var(--radius-3xl);
  --dialog-content-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --dialog-content-z-index: var(--z-index-modal-content);
  --dialog-size-sm-max-width: 24rem;
  --dialog-size-md-max-width: 32rem;
  --dialog-size-lg-max-width: 48rem;
  --dialog-header-padding: var(--spacing-4) var(--spacing-6) var(--spacing-2) var(--spacing-6);
  --dialog-header-bg: var(--color-semantic-background-light-100);
  --dialog-header-border-bottom: 0;
  --dialog-title-font-weight: var(--font-weight-semibold);
  --dialog-title-line-height: 1.25;
  --dialog-title-color: var(--color-semantic-text-primary);
  --dialog-title-font-size: var(--font-size-xl);
  --dialog-body-padding: var(--spacing-6);
  --dialog-body-bg: var(--color-semantic-background-light-100);
  --dialog-footer-padding: var(--spacing-4) var(--spacing-6);
  --dialog-footer-bg: var(--color-semantic-background-light-200);
  --dialog-footer-border-top: 0;
  --accordion-toggle-padding: var(--spacing-3) 0;
  --accordion-toggle-gap: var(--spacing-3);
  --accordion-toggle-font-weight: var(--font-weight-semibold);
  --accordion-toggle-color: var(--color-primitive-neutral-900);
  --accordion-toggle-background: transparent;
  --accordion-toggle-radius: var(--radius-md);
  --accordion-toggle-transition: var(--transition-duration-normal) var(--transition-easing);
  --accordion-toggle-hover-opacity: var(--opacity-hover);
  --accordion-toggle-active-color: var(--color-semantic-active-accent);
  --accordion-toggle-active-opacity: 1;
  --accordion-content-transition: var(--transition-duration-normal) var(--transition-easing);
  --accordion-content-max-height: 200px;
  --accordion-content-wrapper-padding: var(--spacing-0);
  --accordion-icon-size: var(--font-size-base);
  --accordion-icon-color: var(--color-primitive-neutral-500);
  --accordion-icon-transition: var(--transition-duration-normal) var(--transition-easing);
  --accordion-icon-active-filter: none;
  --dropdown-menu-bg: var(--color-semantic-background-light-100);
  --dropdown-menu-border: 1px solid var(--color-semantic-border-default);
  --dropdown-menu-radius: var(--radius-xl);
  --dropdown-menu-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08), 0 1.5px 4px 0 rgba(0, 0, 0, 0.03);
  --dropdown-menu-min-width: 14rem;
  --dropdown-menu-z-index: var(--z-index-dropdown);
  --dropdown-content-padding: var(--spacing-1) 0;
  --dropdown-item-padding: var(--spacing-2) var(--spacing-4);
  --dropdown-item-font-size: var(--font-size-sm);
  --dropdown-item-font-weight: var(--font-weight-medium);
  --dropdown-item-color: var(--color-semantic-text-primary);
  --dropdown-item-transition: background 0.15s, color 0.15s;
  --dropdown-item-radius: var(--radius-none);
  --dropdown-item-hover-bg: var(--color-semantic-background-light-200);
  --dropdown-item-hover-color: var(--color-semantic-text-primary);
  --dropdown-item-disabled-opacity: var(--opacity-disabled);
  --dropdown-item-disabled-cursor: not-allowed;
  --dropdown-divider-color: var(--color-semantic-border-default);
  --dropdown-divider-margin: var(--spacing-1) 0;
  --dropdown-icon-margin: var(--spacing-3);
  --dropdown-icon-color: var(--color-semantic-text-secondary);
  --dropdown-trigger-color: var(--color-semantic-text-primary);
  --dropdown-trigger-bg: var(--color-semantic-background-light-100);
  --dropdown-trigger-border: var(--color-semantic-border-default);
  --dropdown-trigger-radius: var(--radius-md);
  --dropdown-trigger-transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  --dropdown-trigger-hover-bg: var(--color-semantic-background-light-200);
  --dropdown-trigger-focus-ring: var(--states-focus-ring);
  --dropdown-select-bg: var(--color-semantic-background-light-100);
  --dropdown-select-color: var(--color-semantic-text-primary);
  --dropdown-select-border: var(--color-semantic-border-default);
  --dropdown-select-focus-ring: var(--states-focus-ring);
  --dropdown-caret-color: var(--color-semantic-text-secondary);
  --alert-padding: var(--spacing-4);
  --alert-border-width: 1px;
  --alert-radius: var(--radius-lg);
  --alert-font-size: var(--font-size-lg);
  --alert-title-font-size: var(--font-size-base);
  --alert-title-font-weight: var(--font-weight-semibold);
  --alert-title-line-height: 1.1;
  --alert-description-color: var(--color-semantic-text-primary);
  --alert-description-margin-top: var(--spacing-1);
  --alert-description-font-size: var(--font-size-sm);
  --alert-icon-info: var(--color-semantic-status-info);
  --alert-icon-success: var(--color-semantic-status-success);
  --alert-icon-warning: var(--color-semantic-status-warning);
  --alert-icon-error: var(--color-semantic-status-error);
  --alert-variant-info-bg: var(--color-semantic-status-info-bg);
  --alert-variant-info-border: var(--color-semantic-status-info-border);
  --alert-variant-info-color: var(--color-semantic-status-info-text);
  --alert-variant-success-bg: var(--color-semantic-status-success-bg);
  --alert-variant-success-border: var(--color-semantic-status-success-border);
  --alert-variant-success-color: var(--color-semantic-status-success-text);
  --alert-variant-warning-bg: var(--color-semantic-status-warning-bg);
  --alert-variant-warning-border: var(--color-semantic-status-warning-border);
  --alert-variant-warning-color: var(--color-semantic-status-warning-text);
  --alert-variant-error-bg: var(--color-semantic-status-error-bg);
  --alert-variant-error-border: var(--color-semantic-status-error-border);
  --alert-variant-error-color: var(--color-semantic-status-error-text);
  --badge-base-radius: calc(var(--radius-control) * 0.25);
  --badge-base-padding: var(--spacing-1) var(--spacing-3);
  --badge-base-font-size: var(--font-size-sm);
  --badge-base-font-weight: var(--font-weight-medium);
  --badge-base-line-height: 1.25;
  --badge-base-bg: var(--color-primitive-neutral-100);
  --badge-base-text: var(--color-primitive-neutral-700);
  --badge-size-xs-font-size: var(--font-size-xs);
  --badge-size-xs-padding: var(--spacing-1) var(--spacing-2);
  --badge-size-sm-font-size: var(--font-size-sm);
  --badge-size-sm-padding: var(--spacing-1) var(--spacing-3);
  --badge-size-base-font-size: var(--font-size-base);
  --badge-size-base-padding: var(--spacing-2) var(--spacing-4);
  --badge-size-lg-font-size: var(--font-size-lg);
  --badge-size-lg-padding: var(--spacing-2) var(--spacing-5);
  --badge-variant-success-bg: var(--color-semantic-status-success-bg);
  --badge-variant-success-text: var(--color-semantic-status-success-text);
  --badge-variant-warning-bg: var(--color-semantic-status-warning-bg);
  --badge-variant-warning-text: var(--color-semantic-status-warning-text);
  --badge-variant-error-bg: var(--color-semantic-status-error-bg);
  --badge-variant-error-text: var(--color-semantic-status-error-text);
  --badge-variant-info-bg: var(--color-semantic-status-info-bg);
  --badge-variant-info-text: var(--color-semantic-status-info-text);
  --badge-variant-default-bg: var(--color-semantic-status-default-bg);
  --badge-variant-default-text: var(--color-semantic-status-default-text);
  --badge-dot-bg: var(--color-primitive-neutral-600);
  --badge-dot-success-bg: var(--color-semantic-status-success);
  --badge-dot-warning-bg: var(--color-semantic-status-warning);
  --badge-dot-error-bg: var(--color-semantic-status-error);
  --badge-dot-info-bg: var(--color-semantic-status-info);
  --badge-dot-default-bg: var(--color-semantic-status-default);
  --tooltip-padding: var(--spacing-1) var(--spacing-3);
  --tooltip-font-size: var(--font-size-xs);
  --tooltip-font-weight: var(--font-weight-medium);
  --tooltip-color: var(--color-semantic-text-inverse);
  --tooltip-bg: var(--color-semantic-overlay-tooltip);
  --tooltip-border-radius: var(--radius-md);
  --tooltip-transition: var(--transition-duration-normal) var(--transition-easing);
  --tooltip-z-index: var(--z-index-tooltip);
  --tooltip-max-width: 12rem;
  --spinner-size-sm: 1rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-lg: 2rem;
  --spinner-variant-primary-color: var(--color-semantic-primary);
  --spinner-variant-secondary-color: var(--color-semantic-text-secondary);
  --spinner-variant-success-color: var(--color-semantic-status-success);
  --spinner-variant-warning-color: var(--color-semantic-status-warning);
  --spinner-variant-error-color: var(--color-semantic-status-error);
  --progress-track-bg: var(--color-primitive-gray-200);
  --progress-track-border-radius: var(--radius-full);
  --progress-track-overflow: hidden;
  --progress-bar-transition: width var(--transition-duration-normal) var(--transition-easing);
  --progress-bar-border-radius: var(--radius-full);
  --progress-size-sm-height: 0.25rem;
  --progress-size-md-height: 0.5rem;
  --progress-size-lg-height: 1rem;
  --progress-variant-primary-bar-bg: var(--color-semantic-primary);
  --progress-variant-success-bar-bg: var(--color-semantic-status-success);
  --progress-variant-warning-bar-bg: var(--color-semantic-status-warning);
  --progress-variant-error-bar-bg: var(--color-semantic-status-error);
  --progress-variant-info-bar-bg: var(--color-semantic-status-info);
  --form-base-border: 1px solid var(--color-semantic-border-default);
  --form-base-border-radius: var(--radius-control);
  --form-base-padding: var(--spacing-3) var(--spacing-4);
  --form-base-font-size: var(--font-size-sm);
  --form-base-bg: var(--color-semantic-background-light-100);
  --form-base-color: var(--color-semantic-text-primary);
  --form-base-transition: var(--transition-duration-fast) var(--transition-easing);
  --form-base-border-w: 1px solid var(--color-semantic-border-default);
  --form-base-border-color: var(--color-semantic-border-default);
  --form-base-cursor: pointer;
  --form-base-states-focus-border-color: var(--states-focus-border-color);
  --form-base-states-focus-ring: var(--states-focus-ring);
  --form-base-states-focus-ring-color: var(--color-primitive-neutral-300);
  --form-base-states-focus-outline: var(--states-focus-outline);
  --form-base-states-focus-outline-offset: var(--states-focus-outline-offset);
  --form-base-states-focus-box-shadow: var(--states-focus-box-shadow);
  --form-base-states-focus-error-outline: var(--states-focus-error-outline);
  --form-base-states-focus-error-outline-offset: var(--states-focus-error-outline-offset);
  --form-base-states-focus-error-border: var(--states-focus-error-border-color);
  --form-base-states-focus-error-ring: var(--states-focus-error-ring);
  --form-base-states-focus-error-box-shadow: var(--states-focus-error-box-shadow);
  --form-base-states-error-border-color: var(--color-primitive-red-500);
  --form-base-states-error-color: var(--color-primitive-red-600);
  --form-base-states-disabled-bg: var(--states-disabled-bg);
  --form-base-states-disabled-color: var(--states-disabled-color);
  --form-base-states-disabled-cursor: var(--states-disabled-cursor);
  --form-base-sizes-sm-padding: var(--spacing-2) var(--spacing-3);
  --form-base-sizes-sm-font-size: var(--font-size-xs);
  --form-base-sizes-sm-height: 2rem;
  --form-base-sizes-md-padding: var(--spacing-3) var(--spacing-4);
  --form-base-sizes-md-font-size: var(--font-size-sm);
  --form-base-sizes-md-height: 2.5rem;
  --form-base-sizes-lg-padding: var(--spacing-4) var(--spacing-5);
  --form-base-sizes-lg-font-size: var(--font-size-base);
  --form-base-sizes-lg-height: 3rem;
  --form-base-textarea-border-radius: calc(var(--radius-control) * 0.5);
  --form-base-textarea-resize: vertical;
  --form-base-textarea-min-height: 6rem;
  --form-base-prepend-append-padding: var(--spacing-3);
  --form-base-prepend-append-color: var(--color-primitive-neutral-400);
  --form-base-prepend-append-size: var(--font-size-base);
  --form-base-prepend-append-bg: var(--color-primitive-neutral-100);
  --form-label-font-size: var(--font-size-sm);
  --form-label-font-weight: var(--font-weight-semibold);
  --form-label-color: var(--color-semantic-text-primary);
  --form-label-margin-bottom: var(--spacing-1);
  --form-label-required-text-color: var(--color-primitive-red-600);
  --form-help-text-font-size: var(--font-size-xs);
  --form-help-text-color: var(--color-semantic-text-secondary);
  --form-help-text-margin-top: var(--spacing-1);
  --form-error-message-font-size: var(--font-size-xs);
  --form-error-message-color: var(--color-primitive-red-600);
  --form-error-message-margin-top: var(--spacing-1);
  --form-error-message-font-weight: var(--font-weight-medium);
  --form-checkbox-radio-size: 1.25rem;
  --form-checkbox-radio-border: 1px solid var(--color-semantic-border-default);
  --form-checkbox-radio-bg: var(--color-semantic-background-light-100);
  --form-checkbox-radio-margin-right: var(--spacing-2);
  --form-checkbox-radio-font-weight: var(--font-weight-medium);
  --form-checkbox-radio-checked-bg: var(--color-semantic-primary);
  --form-checkbox-radio-checked-border: var(--color-semantic-primary);
  --form-checkbox-border-radius: calc(var(--radius-control) * 0.25);
  --form-checkbox-transition: background 0.2s, border 0.2s;
  --form-checkbox-checkmark-left: 7px;
  --form-checkbox-checkmark-top: 3px;
  --form-checkbox-checkmark-width: 5px;
  --form-checkbox-checkmark-height: 10px;
  --form-checkbox-checkmark-border-width: 0 2px 2px 0;
  --form-radio-border-radius: var(--radius-full);
  --form-radio-transition: border 0.2s, box-shadow 0.2s;
  --form-radio-dot-top: 4px;
  --form-radio-dot-left: 4px;
  --form-radio-dot-size: 10px;
  --form-switch-base-transition: var(--transition-duration-normal) var(--transition-easing);
  --form-switch-base-cursor: pointer;
  --form-switch-track-bg: var(--color-primitive-gray-200);
  --form-switch-track-checked-bg: var(--color-semantic-primary);
  --form-switch-track-border-radius: var(--radius-full);
  --form-switch-thumb-bg: var(--color-semantic-background-light-100);
  --form-switch-thumb-border-radius: var(--radius-full);
  --form-switch-thumb-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --form-switch-thumb-top: 2px;
  --form-switch-thumb-left: 2px;
  --form-switch-sizes-sm-track-width: 2rem;
  --form-switch-sizes-sm-track-height: 1.125rem;
  --form-switch-sizes-sm-thumb-size: 0.85rem;
  --form-switch-sizes-md-track-width: 2.75rem;
  --form-switch-sizes-md-track-height: 1.5rem;
  --form-switch-sizes-md-thumb-size: 1.25rem;
  --form-switch-sizes-lg-track-width: 3.75rem;
  --form-switch-sizes-lg-track-height: 2rem;
  --form-switch-sizes-lg-thumb-size: 1.75rem;
  --layout-variants-dark-page-bg: var(--color-semantic-background-dark-300);
  --layout-variants-dark-page-overflow: hidden;
  --layout-variants-dark-page-padding: var(--spacing-4);
  --layout-variants-dark-page-header-gap: var(--spacing-4);
  --layout-variants-dark-page-header-padding: var(--spacing-4) var(--spacing-8);
  --layout-variants-dark-page-header-border: 1px solid var(--color-semantic-border-default);
  --layout-variants-dark-content-wrapper-bg: var(--color-semantic-background-light-200);
  --layout-variants-dark-content-wrapper-radius: var(--radius-3xl);
  --layout-variants-dark-content-wrapper-padding: var(--spacing-6) var(--spacing-8);
  --layout-variants-dark-content-wrapper-max-width: 80rem;
  --layout-variants-dark-sidebar-border-right: 0px;
  --layout-variants-light-page-bg: var(--color-semantic-background-light-200);
  --layout-variants-light-content-wrapper-bg: var(--color-semantic-background-light-200);
  --layout-variants-light-sidebar-border-right: 1px solid var(--color-semantic-border-default);
  --layout-common-page-overflow: hidden;
  --layout-common-page-padding: 0px;
  --layout-common-page-header-gap: var(--spacing-4);
  --layout-common-page-header-padding: var(--spacing-4) var(--spacing-8);
  --layout-common-page-header-border: 1px solid var(--color-semantic-border-default);
  --layout-common-content-wrapper-radius: 0px;
  --layout-common-content-wrapper-padding: var(--spacing-6) var(--spacing-8);
  --layout-common-content-wrapper-max-width: 80rem;
  --avatar-base-size: var(--spacing-10);
  --avatar-base-border-radius: var(--radius-full);
  --avatar-base-overflow: hidden;
  --avatar-size-xs: var(--spacing-6);
  --avatar-size-sm: var(--spacing-8);
  --avatar-size-md: var(--spacing-10);
  --avatar-size-lg: var(--spacing-12);
  --avatar-size-xl: var(--spacing-16);
  --avatar-fallback-bg: var(--color-primitive-gray-100);
  --avatar-fallback-color: var(--color-primitive-neutral-600);
  --avatar-fallback-font-size: var(--font-size-sm);
  --avatar-fallback-font-weight: var(--font-weight-semibold);
  --tabs-list-border-bottom: 1px solid var(--color-semantic-border-default);
  --tabs-tab-margin-right: var(--spacing-4);
  --tabs-tab-border-bottom-width: 2px;
  --tabs-tab-padding: var(--spacing-3) var(--spacing-2);
  --tabs-tab-font-size: var(--font-size-sm);
  --tabs-tab-font-weight: var(--font-weight-semibold);
  --tabs-tab-border-color: transparent;
  --tabs-tab-color: var(--color-semantic-text-secondary);
  --tabs-tab-transition: var(--transition-duration-normal) var(--transition-easing);
  --tabs-tab-text-decoration: none;
  --tabs-tab-states-hover-border-color: var(--color-semantic-border-default);
  --tabs-tab-states-hover-color: var(--color-semantic-active-accent);
  --tabs-tab-states-active-border-color: var(--color-semantic-active-accent);
  --tabs-tab-states-active-color: var(--color-semantic-active-accent);
  --tabs-tab-states-disabled-opacity: var(--opacity-disabled);
  --tabs-tab-states-disabled-cursor: not-allowed;
  --tabs-tab-states-disabled-color: var(--color-semantic-text-disabled);
  --tabs-content-padding: var(--spacing-4) 0;
  --breadcrumb-gap: var(--spacing-2);
  --breadcrumb-font-size: var(--font-size-sm);
  --breadcrumb-color: var(--color-primitive-neutral-600);
  --breadcrumb-link-color: var(--color-primitive-neutral-500);
  --breadcrumb-link-font-weight: var(--font-weight-medium);
  --breadcrumb-link-hover-color: var(--color-primitive-neutral-700);
  --breadcrumb-current-color: var(--color-primitive-neutral-900);
  --breadcrumb-current-font-weight: var(--font-weight-semibold);
  --breadcrumb-separator-color: var(--color-primitive-neutral-400);
  --breadcrumb-nav-padding: var(--spacing-2) 0;
  --sidebar-variants-dark-border-right: 1px solid rgba(255, 255, 255, 0.1);
  --sidebar-variants-dark-content-bg: var(--color-semantic-background-dark-300);
  --sidebar-variants-dark-content-gradient: linear-gradient(to bottom, rgba(49, 44, 42, 1), rgba(49, 44, 42, 0.4));
  --sidebar-variants-dark-header-logo-bg-bg: var(--color-semantic-primary);
  --sidebar-variants-dark-header-logo-bg-border-radius: var(--radius-full);
  --sidebar-variants-dark-header-logo-bg-padding: var(--spacing-2);
  --sidebar-variants-dark-header-logo-bg-size: 2.5rem;
  --sidebar-variants-dark-header-text-logo-color: var(--color-semantic-text-light);
  --sidebar-variants-dark-header-text-logo-font-size: var(--font-size-lg);
  --sidebar-variants-dark-header-text-logo-font-weight: var(--font-weight-semibold);
  --sidebar-variants-dark-header-toggle-bg: var(--color-semantic-background-light-100);
  --sidebar-variants-dark-header-toggle-border: 1px solid var(--color-semantic-border-default);
  --sidebar-variants-dark-footer-border-top: 1px solid rgba(255, 255, 255, 0.1);
  --sidebar-variants-dark-item-states-default-bg: transparent;
  --sidebar-variants-dark-item-states-default-color: var(--color-primitive-neutral-500);
  --sidebar-variants-dark-item-states-default-circle-color: rgba(255, 255, 255, 0.1);
  --sidebar-variants-dark-item-states-default-icon-color: var(--color-primitive-neutral-400);
  --sidebar-variants-dark-item-states-hover-bg: transparent;
  --sidebar-variants-dark-item-states-hover-color: var(--color-primitive-neutral-400);
  --sidebar-variants-dark-item-states-hover-circle-color: rgba(255, 255, 255, 0.2);
  --sidebar-variants-dark-item-states-hover-icon-color: var(--color-primitive-neutral-300);
  --sidebar-variants-dark-item-states-active-bg: linear-gradient(to right, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  --sidebar-variants-dark-item-states-active-color: var(--color-semantic-secondary);
  --sidebar-variants-dark-item-states-active-link-color: var(--color-primitive-neutral-300);
  --sidebar-variants-dark-item-states-active-circle-color: rgba(255, 255, 255, 0.2);
  --sidebar-variants-dark-item-states-active-icon-color: var(--color-semantic-secondary);
  --sidebar-variants-light-border-right: 1px solid var(--color-semantic-border-default);
  --sidebar-variants-light-content-bg: var(--color-semantic-background-light-200);
  --sidebar-variants-light-content-gradient: var(--color-semantic-background-light-200);
  --sidebar-variants-light-header-toggle-bg: var(--color-semantic-background-light-200);
  --sidebar-variants-light-header-toggle-border: 1px solid var(--color-semantic-border-default);
  --sidebar-variants-light-header-text-logo-color: var(--color-semantic-primary);
  --sidebar-variants-light-header-text-logo-font-size: 1.125rem;
  --sidebar-variants-light-header-text-logo-font-weight: var(--font-weight-semibold);
  --sidebar-variants-light-header-logo-bg-bg: var(--color-semantic-primary);
  --sidebar-variants-light-header-logo-bg-padding: var(--spacing-2);
  --sidebar-variants-light-header-logo-bg-size: 2.5rem;
  --sidebar-variants-light-footer-border-top: 0px;
  --sidebar-variants-light-item-states-default-bg: transparent;
  --sidebar-variants-light-item-states-default-color: var(--color-primitive-neutral-600);
  --sidebar-variants-light-item-states-default-circle-color: rgba(0, 0, 0, 0.05);
  --sidebar-variants-light-item-states-default-icon-color: var(--color-primitive-neutral-500);
  --sidebar-variants-light-item-states-hover-bg: transparent;
  --sidebar-variants-light-item-states-hover-color: var(--color-primitive-neutral-700);
  --sidebar-variants-light-item-states-hover-circle-color: rgba(0, 0, 0, 0.1);
  --sidebar-variants-light-item-states-hover-icon-color: var(--color-primitive-neutral-600);
  --sidebar-variants-light-item-states-active-bg: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02));
  --sidebar-variants-light-item-states-active-color: var(--color-semantic-primary);
  --sidebar-variants-light-item-states-active-link-color: var(--color-primitive-neutral-900);
  --sidebar-variants-light-item-states-active-circle-color: rgba(0, 0, 0, 0.1);
  --sidebar-variants-light-item-states-active-icon-color: var(--color-semantic-primary);
  --sidebar-common-padding: 0px;
  --sidebar-common-width: var(--spacing-48);
  --sidebar-common-width-md: 18rem;
  --sidebar-common-width-minimized: 78px;
  --sidebar-common-border-radius: 0;
  --sidebar-common-border-right: 0px;
  --sidebar-common-transition: var(--transition-duration-normal) var(--transition-easing);
  --sidebar-common-content-padding: var(--spacing-4);
  --sidebar-common-content-radius: var(--layout-content-wrapper-radius);
  --sidebar-common-header-padding: var(--spacing-6) var(--spacing-4);
  --sidebar-common-header-border-bottom: 1px solid var(--color-semantic-border-default);
  --sidebar-common-item-padding: var(--spacing-1);
  --sidebar-common-item-margin: var(--spacing-1) 0;
  --sidebar-common-item-border-radius: var(--radius-4xl);
  --sidebar-common-item-transition: var(--transition-duration-normal) var(--transition-easing);
  --sidebar-common-footer-padding: var(--spacing-4);
  --sidebar-common-footer-border-top: 0px;
  --sidebar-common-logo-icon-size: 1.3rem;
  --sidebar-common-logo-icon-color: var(--color-semantic-text-light);
  --sidebar-common-logo-bg-border-radius: var(--radius-full);
}