:root {
  --color-primitive-white: #ffffff;
  --color-primitive-black: #000000;
  --color-primitive-blue-50: #f5f8ff;
  --color-primitive-blue-100: #e0e8ff;
  --color-primitive-blue-200: #bbd1fc;
  --color-primitive-blue-300: #8baafc;
  --color-primitive-blue-400: #5b84fa;
  --color-primitive-blue-500: #3e63f9;
  --color-primitive-blue-600: #2f4bd1;
  --color-primitive-blue-700: #2435a3;
  --color-primitive-blue-800: #1a2374;
  --color-primitive-blue-900: #14072d;
  --color-primitive-green-50: #f3fcf8;
  --color-primitive-green-100: #d1f5e3;
  --color-primitive-green-200: #a4ebc9;
  --color-primitive-green-300: #6fdbab;
  --color-primitive-green-400: #3bc98f;
  --color-primitive-green-500: #19b77a;
  --color-primitive-green-600: #109964;
  --color-primitive-green-700: #0d7a50;
  --color-primitive-green-800: #0a5a3b;
  --color-primitive-green-900: #063c28;
  --color-primitive-red-50: #fef2f2;
  --color-primitive-red-100: #fee2e2;
  --color-primitive-red-200: #fecaca;
  --color-primitive-red-300: #fca5a5;
  --color-primitive-red-400: #f87171;
  --color-primitive-red-500: #ef4444;
  --color-primitive-red-600: #dc2626;
  --color-primitive-red-700: #b91c1c;
  --color-primitive-red-800: #991b1b;
  --color-primitive-red-900: #7f1d1d;
  --color-primitive-yellow-50: #fffdf5;
  --color-primitive-yellow-100: #fff6d1;
  --color-primitive-yellow-200: #ffe9a4;
  --color-primitive-yellow-300: #ffd86f;
  --color-primitive-yellow-400: #ffc43b;
  --color-primitive-yellow-500: #f5a600;
  --color-primitive-yellow-600: #d18600;
  --color-primitive-yellow-700: #a96800;
  --color-primitive-yellow-800: #7d4b00;
  --color-primitive-yellow-900: #523100;
  --color-primitive-purple-50: #faf5ff;
  --color-primitive-purple-100: #ede0ff;
  --color-primitive-purple-200: #d8bafd;
  --color-primitive-purple-300: #c191fa;
  --color-primitive-purple-400: #a86af7;
  --color-primitive-purple-500: #8a45e3;
  --color-primitive-purple-600: #6c2fbf;
  --color-primitive-purple-700: #532399;
  --color-primitive-purple-800: #3b1873;
  --color-primitive-purple-900: #260f4d;
  --color-primitive-teal-50: #f3fcfd;
  --color-primitive-teal-100: #d3f5f8;
  --color-primitive-teal-200: #a9ebf0;
  --color-primitive-teal-300: #76dee6;
  --color-primitive-teal-400: #3fcddc;
  --color-primitive-teal-500: #1fb5c7;
  --color-primitive-teal-600: #1691a3;
  --color-primitive-teal-700: #10707f;
  --color-primitive-teal-800: #0b4e59;
  --color-primitive-teal-900: #07323b;
  --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-neutral-50: #f8fafc;
  --color-primitive-neutral-100: #f1f5f9;
  --color-primitive-neutral-200: #e2e8f0;
  --color-primitive-neutral-300: #cbd5e1;
  --color-primitive-neutral-400: #94a3b8;
  --color-primitive-neutral-500: #64748b;
  --color-primitive-neutral-600: #475569;
  --color-primitive-neutral-700: #334155;
  --color-primitive-neutral-800: #1e293b;
  --color-primitive-neutral-900: #0f172a;
  --color-primitive-orange-50: #fff8f1;
  --color-primitive-orange-100: #ffecd3;
  --color-primitive-orange-200: #ffd1a4;
  --color-primitive-orange-300: #ffb076;
  --color-primitive-orange-400: #ff924b;
  --color-primitive-orange-500: #ff731f;
  --color-primitive-orange-600: #e05b19;
  --color-primitive-orange-700: #b84814;
  --color-primitive-orange-800: #8a330f;
  --color-primitive-orange-900: #5c210a;
  --color-primitive-indigo-50: #f5f6ff;
  --color-primitive-indigo-100: #e0e3ff;
  --color-primitive-indigo-200: #b8bfff;
  --color-primitive-indigo-300: #8f97ff;
  --color-primitive-indigo-400: #6768ff;
  --color-primitive-indigo-500: #474aff;
  --color-primitive-indigo-600: #3638d1;
  --color-primitive-indigo-700: #282899;
  --color-primitive-indigo-800: #1c1b74;
  --color-primitive-indigo-900: #0f0f4d;
  --color-primitive-pink-50: #fff5f9;
  --color-primitive-pink-100: #ffe0f0;
  --color-primitive-pink-200: #ffb8db;
  --color-primitive-pink-300: #ff8ac1;
  --color-primitive-pink-400: #f95ea8;
  --color-primitive-pink-500: #e23d8d;
  --color-primitive-pink-600: #c22a73;
  --color-primitive-pink-700: #a11c5b;
  --color-primitive-pink-800: #801342;
  --color-primitive-pink-900: #5a0c2c;
  --color-semantic-primary: var(--color-primitive-blue-500);
  --color-semantic-primary-dark: var(--color-primitive-blue-700);
  --color-semantic-primary-light: var(--color-primitive-white);
  --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-500);
  --color-semantic-accent-dark: var(--color-primitive-blue-700);
  --color-semantic-accent-light: var(--color-primitive-blue-300);
  --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-100);
  --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-100);
  --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-100);
  --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-100);
  --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-100);
  --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: #f8f9fb;
  --color-semantic-background-light-200: #f4f5f7;
  --color-semantic-background-light-300: #f0f1f4;
  --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: var(--radius-md);
  --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-medium);
  --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-2);
  --button-size-sm-font-size: var(--font-size-sm);
  --button-size-sm-height: auto;
  --button-size-sm-line-height: 1;
  --button-size-md-padding: var(--spacing-2) var(--spacing-3);
  --button-size-md-font-size: var(--font-size-sm);
  --button-size-md-height: auto;
  --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-gray-700);
  --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-primitive-white);
  --card-base-border: 1px solid var(--color-semantic-border-light);
  --card-base-border-radius: var(--radius-xl);
  --card-base-shadow: 0px 0px 0px 0px;
  --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-semantic-background-light-200);
  --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-gray-500);
  --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-bg: var(--color-primitive-white);
  --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-striped-bg: var(--color-primitive-gray-50);
  --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: var(--radius-control);
  --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-primitive-white);
  --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: var(--radius-md);
  --badge-base-padding: var(--spacing-1) var(--spacing-2);
  --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-2);
  --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-primitive-white);
  --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-light);
  --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-300);
  --layout-variants-light-content-wrapper-bg: var(--color-semantic-background-light-100);
  --layout-variants-light-sidebar-border-right: 0px;
  --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-header-toggle-btn-bg: transparent;
  --sidebar-variants-dark-header-toggle-btn-bg-hover: var(--color-primitive-gray-200);
  --sidebar-variants-dark-header-toggle-btn-color: var(--color-primitive-gray-400);
  --sidebar-variants-dark-header-toggle-btn-color-hover: var(--color-semantic-text-secondary);
  --sidebar-variants-dark-header-toggle-btn-icon-color: var(--color-semantic-text-secondary);
  --sidebar-variants-dark-header-toggle-btn-icon-size: 14px;
  --sidebar-variants-dark-header-toggle-btn-border-radius: 6px;
  --sidebar-variants-dark-header-toggle-btn-padding: 6px;
  --sidebar-variants-dark-header-toggle-btn-width: 38px;
  --sidebar-variants-dark-header-toggle-btn-height: 38px;
  --sidebar-variants-dark-header-toggle-btn-transform-hover: scale(1.05);
  --sidebar-variants-dark-header-toggle-btn-transition: all 0.2s ease;
  --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-primitive-white);
  --sidebar-variants-light-content-bg: transparent;
  --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-toggle-btn-bg: transparent;
  --sidebar-variants-light-header-toggle-btn-bg-hover: var(--color-primitive-gray-200);
  --sidebar-variants-light-header-toggle-btn-color: var(--color-primitive-gray-400);
  --sidebar-variants-light-header-toggle-btn-color-hover: var(--color-semantic-text-secondary);
  --sidebar-variants-light-header-toggle-btn-icon-color: var(--color-semantic-text-secondary);
  --sidebar-variants-light-header-toggle-btn-icon-size: 14px;
  --sidebar-variants-light-header-toggle-btn-border-radius: 6px;
  --sidebar-variants-light-header-toggle-btn-padding: 6px;
  --sidebar-variants-light-header-toggle-btn-width: 38px;
  --sidebar-variants-light-header-toggle-btn-height: 38px;
  --sidebar-variants-light-header-toggle-btn-transform-hover: scale(1.05);
  --sidebar-variants-light-header-toggle-btn-transition: all 0.2s ease;
  --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-800);
  --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-800);
  --sidebar-variants-light-item-states-hover-bg: transparent;
  --sidebar-variants-light-item-states-hover-color: var(--color-indigo-600);
  --sidebar-variants-light-item-states-hover-circle-color: rgba(0, 0, 0, 0.1);
  --sidebar-variants-light-item-states-hover-icon-color: var(--color-indigo-600);
  --sidebar-variants-light-item-states-active-bg: linear-gradient(to right, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.01));
  --sidebar-variants-light-item-states-active-color: var(--color-semantic-primary);
  --sidebar-variants-light-item-states-active-link-color: var(--color-semantic-primary);
  --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: var(--spacing-3);
  --sidebar-common-width: var(--spacing-48);
  --sidebar-common-width-md: 18rem;
  --sidebar-common-width-minimized: 60px;
  --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-2);
  --sidebar-common-content-radius: var(--spacing-4);
  --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-2) var(--spacing-3);
  --sidebar-common-item-margin: var(--spacing-2) 0;
  --sidebar-common-item-border-radius: var(--radius-md);
  --sidebar-common-item-transition: var(--transition-duration-normal) var(--transition-easing);
  --sidebar-common-footer-padding: var(--spacing-3);
  --sidebar-common-footer-border-top: 0px;
  --sidebar-common-logo-icon-size: 1.4rem;
  --sidebar-common-logo-icon-color: var(--color-semantic-text-light);
  --sidebar-common-logo-bg-border-radius: var(--radius-full);
  --sidebar-common-logo-container-height: 36px;
  --sidebar-common-logo-container-min-width: 36px;
  --sidebar-common-logo-container-gap: var(--spacing-3);
  --sidebar-common-logo-full-height: 2.25rem;
  --sidebar-common-logo-full-width: auto;
  --sidebar-common-logo-minimal-height: 2.25rem;
  --sidebar-common-logo-minimal-width: 2.25rem;
  --sidebar-common-logo-transition-duration: 0.3s;
  --sidebar-common-logo-transition-easing: ease;
  --sidebar-common-toggle-width: var(--spacing-10);
  --sidebar-common-toggle-height: var(--spacing-10);
  --sidebar-common-toggle-padding: var(--spacing-2);
  --sidebar-common-toggle-border-radius: var(--radius-md);
  --sidebar-common-toggle-background: transparent;
  --sidebar-common-toggle-background-hover: var(--color-primitive-gray-200);
  --sidebar-common-toggle-color: var(--color-primitive-gray-400);
  --sidebar-common-toggle-color-hover: var(--color-semantic-text-secondary);
  --sidebar-common-toggle-icon-size: var(--font-size-sm);
  --sidebar-common-toggle-icon-color: var(--color-semantic-text-secondary);
  --sidebar-common-toggle-transform-hover: scale(1.05);
  --sidebar-common-toggle-transition: var(--transition-duration-fast) var(--transition-easing);
  --sidebar-common-toggle-visibility-default: visible;
  --sidebar-common-toggle-visibility-minimized: hidden;
  --sidebar-common-toggle-visibility-hover-minimized: visible;
  --sidebar-common-toggle-opacity-default: 1;
  --sidebar-common-toggle-opacity-minimized: 0;
  --sidebar-common-toggle-opacity-hover-minimized: 1;
}