:root {
  --eop-active-bg: rgba(81, 64, 255, 0.18);
  --eop-alert-icon-size: 1.25rem;
  --eop-alert-min-height: 3rem;
  --eop-avatar-size-2xl: 8rem;
  --eop-avatar-size-lg: 3.5rem;
  --eop-avatar-size-md: 2.5rem;
  --eop-avatar-size-sm: 2rem;
  --eop-avatar-size-xl: 5rem;
  --eop-avatar-size-xs: 1.5rem;
  --eop-badge-height-lg: 2rem;
  --eop-badge-height-md: 1.5rem;
  --eop-badge-height-sm: 1.25rem;
  --eop-badge-padding-lg: 0 0.75rem;
  --eop-badge-padding-md: 0 0.5rem;
  --eop-badge-padding-sm: 0 0.375rem;
  --eop-bg-overlay: rgba(31, 33, 33, 0.5);
  --eop-bg-primary: #FCFCF9;
  --eop-bg-secondary: #F3F3F0;
  --eop-bg-tertiary: #E8E7E4;
  --eop-border-default: #D9D7D0;
  --eop-border-strong: #8B8882;
  --eop-border-style-dashed: dashed;
  --eop-border-subtle: #E8E7E4;
  --eop-border-width-default: 1px;
  --eop-border-width-thick: 2px;
  --eop-border-width-thin: 0.5px;
  --eop-breakpoint-desktop: 1280px;
  --eop-breakpoint-desktop-lg: 1920px;
  --eop-breakpoint-desktop-xl: 2560px;
  --eop-breakpoint-mobile: 320px;
  --eop-breakpoint-mobile-landscape: 480px;
  --eop-breakpoint-tablet: 640px;
  --eop-breakpoint-tablet-landscape: 1024px;
  --eop-button-height-lg: 3.5rem;
  --eop-button-height-md: 2.75rem;
  --eop-button-height-sm: 2rem;
  --eop-button-padding-lg: 1rem 2rem;
  --eop-button-padding-md: 0.75rem 1.5rem;
  --eop-button-padding-sm: 0.5rem 1rem;
  --eop-card-min-width-lg: 28rem;
  --eop-card-min-width-md: 20rem;
  --eop-card-min-width-sm: 16rem;
  --eop-checkbox-hit-area: 3.5rem;
  --eop-checkbox-size: 1.5rem;
  --eop-chip-height-lg: 2.5rem;
  --eop-chip-height-md: 2rem;
  --eop-chip-height-sm: 1.5rem;
  --eop-chip-padding-lg: 0 1rem;
  --eop-chip-padding-md: 0 0.75rem;
  --eop-chip-padding-sm: 0 0.5rem;
  --eop-color-cream-50: #FCFCF9;
  --eop-color-critical: #7C2D12;
  --eop-color-critical-bg: rgba(124, 45, 18, 0.15);
  --eop-color-error: #C0152F;
  --eop-color-error-bg: rgba(192, 21, 47, 0.1);
  --eop-color-gray-100: #F3F3F0;
  --eop-color-gray-200: #E8E7E4;
  --eop-color-gray-300: #D9D7D0;
  --eop-color-gray-400: #C5C1B8;
  --eop-color-gray-500: #8B8882;
  --eop-color-gray-600: #6B6966;
  --eop-color-gray-700: #4A4844;
  --eop-color-gray-800: #333333;
  --eop-color-gray-900: #1F2121;
  --eop-color-info: #0369A1;
  --eop-color-info-bg: rgba(3, 105, 161, 0.1);
  --eop-color-primary: #5140FF;
  --eop-color-primary-active: #4738E5;
  --eop-color-primary-hover: #5E7BFF;
  --eop-color-secondary: #8B6F7F;
  --eop-color-secondary-active: #655165;
  --eop-color-secondary-hover: #78607D;
  --eop-color-success: #2D8659;
  --eop-color-success-bg: rgba(45, 134, 89, 0.1);
  --eop-color-tertiary: #6B8E8E;
  --eop-color-tertiary-active: #516868;
  --eop-color-tertiary-hover: #5E7B7B;
  --eop-color-warning: #D97706;
  --eop-color-warning-bg: rgba(217, 119, 6, 0.1);
  --eop-color-white: #FFFFFF;
  --eop-container-2xl: 1400px;
  --eop-container-lg: 1024px;
  --eop-container-md: 768px;
  --eop-container-sm: 640px;
  --eop-container-xl: 1280px;
  --eop-content-width-default: 900px;
  --eop-content-width-narrow: 600px;
  --eop-content-width-prose: 65ch;
  --eop-content-width-wide: 1200px;
  --eop-datepicker-cell-size: 2.5rem;
  --eop-datepicker-padding: 1rem;
  --eop-datepicker-width: 20rem;
  --eop-dropdown-max-height-lg: 25rem;
  --eop-dropdown-max-height-md: 20rem;
  --eop-dropdown-max-height-sm: 15rem;
  --eop-dropdown-min-width-lg: 20rem;
  --eop-dropdown-min-width-md: 14rem;
  --eop-dropdown-min-width-sm: 10rem;
  --eop-duration-fast: 150ms;
  --eop-duration-faster: 100ms;
  --eop-duration-fastest: 75ms;
  --eop-duration-instant: 0ms;
  --eop-duration-normal: 200ms;
  --eop-duration-slow: 300ms;
  --eop-duration-slower: 500ms;
  --eop-duration-slowest: 800ms;
  --eop-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --eop-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --eop-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --eop-easing-linear: cubic-bezier(0, 0, 1, 1);
  --eop-easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --eop-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --eop-focus-border: var(--eop-color-primary);
  --eop-focus-ring: rgba(81, 64, 255, 0.24);
  --eop-font-family-base: 'InterVariable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --eop-font-family-mono: 'SFMono-Regular', 'Consolas', 'Courier New', monospace;
  --eop-font-size-2xl: 1.875rem;
  --eop-font-size-3xl: 2.25rem;
  --eop-font-size-4xl: 3rem;
  --eop-font-size-base: 1rem;
  --eop-font-size-lg: 1.25rem;
  --eop-font-size-md: 1.125rem;
  --eop-font-size-sm: 0.875rem;
  --eop-font-size-xl: 1.5rem;
  --eop-font-size-xs: 0.75rem;
  --eop-font-weight-black: 900;
  --eop-font-weight-bold: 700;
  --eop-font-weight-extrabold: 800;
  --eop-font-weight-extralight: 200;
  --eop-font-weight-light: 300;
  --eop-font-weight-medium: 500;
  --eop-font-weight-normal: 400;
  --eop-font-weight-semibold: 600;
  --eop-font-weight-thin: 100;
  --eop-footer-min-height: 4rem;
  --eop-gap-alert-content: var(--eop-spacing-sm);
  --eop-gap-avatar-stack: -0.5rem;
  --eop-gap-breadcrumb: var(--eop-spacing-sm);
  --eop-gap-button-group: var(--eop-spacing-sm);
  --eop-gap-card-content: var(--eop-spacing-md);
  --eop-gap-chip-group: var(--eop-spacing-xs);
  --eop-gap-form-field: var(--eop-spacing-xs);
  --eop-gap-form-group: var(--eop-spacing-lg);
  --eop-gap-grid: var(--eop-spacing-lg);
  --eop-gap-grid-compact: var(--eop-spacing-md);
  --eop-gap-icon-text: var(--eop-spacing-xs);
  --eop-gap-input-group: var(--eop-spacing-0);
  --eop-gap-list-item: var(--eop-spacing-sm);
  --eop-gap-modal-actions: var(--eop-spacing-sm);
  --eop-gap-nav-items: var(--eop-spacing-xs);
  --eop-gap-paragraphs: var(--eop-spacing-md);
  --eop-gap-section-heading: var(--eop-spacing-md);
  --eop-gap-stack-horizontal: var(--eop-spacing-md);
  --eop-gap-stack-vertical: var(--eop-spacing-md);
  --eop-gap-stepper-items: var(--eop-spacing-lg);
  --eop-gap-table-cell: var(--eop-spacing-sm);
  --eop-gap-tabs: var(--eop-spacing-xs);
  --eop-gap-timeline-items: var(--eop-spacing-xl);
  --eop-grid-columns-desktop: 4;
  --eop-grid-columns-desktop-lg: 6;
  --eop-grid-columns-mobile: 1;
  --eop-grid-columns-tablet: 2;
  --eop-grid-columns-tablet-landscape: 3;
  --eop-header-height: 4rem;
  --eop-header-height-mobile: 3.5rem;
  --eop-hover-bg: rgba(81, 64, 255, 0.12);
  --eop-icon-button-icon-lg: 1.5rem;
  --eop-icon-button-icon-md: 1.25rem;
  --eop-icon-button-icon-sm: 1rem;
  --eop-icon-button-size-lg: 3.5rem;
  --eop-icon-button-size-md: 2.5rem;
  --eop-icon-button-size-sm: 2rem;
  --eop-icon-size-2xl: 3rem;
  --eop-icon-size-lg: 1.5rem;
  --eop-icon-size-md: 1.25rem;
  --eop-icon-size-sm: 1rem;
  --eop-icon-size-xl: 2rem;
  --eop-icon-size-xs: 0.875rem;
  --eop-input-height: 3.5rem;
  --eop-input-padding: 0.75rem 1rem;
  --eop-letter-spacing-normal: 0;
  --eop-letter-spacing-tight: -0.01em;
  --eop-letter-spacing-tighter: -0.02em;
  --eop-letter-spacing-wide: 0.025em;
  --eop-letter-spacing-wider: 0.05em;
  --eop-line-height-loose: 2;
  --eop-line-height-normal: 1.5;
  --eop-line-height-relaxed: 1.625;
  --eop-line-height-snug: 1.375;
  --eop-line-height-tight: 1.2;
  --eop-margin-heading-bottom: var(--eop-spacing-md);
  --eop-margin-list-bottom: var(--eop-spacing-md);
  --eop-margin-paragraph-bottom: var(--eop-spacing-md);
  --eop-margin-section-bottom: var(--eop-spacing-3xl);
  --eop-modal-width-fullscreen: 100vw;
  --eop-modal-width-lg: 48rem;
  --eop-modal-width-md: 32rem;
  --eop-modal-width-sm: 24rem;
  --eop-modal-width-xl: 64rem;
  --eop-notification-min-height: 4rem;
  --eop-notification-width: 24rem;
  --eop-padding-accordion: var(--eop-spacing-md);
  --eop-padding-accordion-header: var(--eop-spacing-md) var(--eop-spacing-lg);
  --eop-padding-alert: var(--eop-spacing-md);
  --eop-padding-badge: var(--eop-spacing-xs) var(--eop-spacing-sm);
  --eop-padding-breadcrumb: var(--eop-spacing-sm) var(--eop-spacing-0);
  --eop-padding-card: var(--eop-spacing-lg);
  --eop-padding-card-compact: var(--eop-spacing-md);
  --eop-padding-chip: var(--eop-spacing-xs) var(--eop-spacing-sm);
  --eop-padding-code-block: var(--eop-spacing-md);
  --eop-padding-dropdown: var(--eop-spacing-xs);
  --eop-padding-dropdown-item: var(--eop-spacing-sm) var(--eop-spacing-md);
  --eop-padding-empty-state: var(--eop-spacing-3xl);
  --eop-padding-footer: var(--eop-spacing-lg) var(--eop-spacing-xl);
  --eop-padding-header: var(--eop-spacing-md) var(--eop-spacing-xl);
  --eop-padding-inline-code: var(--eop-spacing-xs);
  --eop-padding-list-item: var(--eop-spacing-sm) var(--eop-spacing-md);
  --eop-padding-modal: var(--eop-spacing-xl);
  --eop-padding-modal-footer: var(--eop-spacing-md) var(--eop-spacing-xl);
  --eop-padding-modal-header: var(--eop-spacing-lg) var(--eop-spacing-xl);
  --eop-padding-notification: var(--eop-spacing-md);
  --eop-padding-page: var(--eop-spacing-xl);
  --eop-padding-page-mobile: var(--eop-spacing-md);
  --eop-padding-popover: var(--eop-spacing-md);
  --eop-padding-section: var(--eop-spacing-2xl);
  --eop-padding-sidebar: var(--eop-spacing-md);
  --eop-padding-sidebar-item: var(--eop-spacing-sm) var(--eop-spacing-md);
  --eop-padding-tab-panel: var(--eop-spacing-lg);
  --eop-padding-table-cell: var(--eop-spacing-sm) var(--eop-spacing-md);
  --eop-padding-table-header: var(--eop-spacing-md);
  --eop-padding-tabs: var(--eop-spacing-0) var(--eop-spacing-md);
  --eop-padding-tooltip: var(--eop-spacing-xs) var(--eop-spacing-sm);
  --eop-popover-max-width: 24rem;
  --eop-popover-min-width: 12rem;
  --eop-popover-padding: 1rem;
  --eop-progress-bar-height: 0.5rem;
  --eop-progress-bar-height-lg: 1rem;
  --eop-radio-hit-area: 3.5rem;
  --eop-radio-size: 1.5rem;
  --eop-radius-full: 9999px;
  --eop-radius-lg: 0.75rem;
  --eop-radius-md: 0.5rem;
  --eop-radius-none: 0;
  --eop-radius-sm: 0.375rem;
  --eop-radius-xl: 1rem;
  --eop-radius-xs: 0.25rem;
  --eop-select-height: 3.5rem;
  --eop-select-padding: 0.75rem 1rem;
  --eop-shadow-2xl: 0 25px 50px rgba(31, 33, 33, 0.15), 0 15px 25px rgba(31, 33, 33, 0.05);
  --eop-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  --eop-shadow-lg: 0 10px 15px rgba(31, 33, 33, 0.1), 0 4px 6px rgba(31, 33, 33, 0.05);
  --eop-shadow-md: 0 4px 6px rgba(31, 33, 33, 0.1), 0 2px 4px rgba(31, 33, 33, 0.06);
  --eop-shadow-none: none;
  --eop-shadow-sm: 0 1px 3px rgba(31, 33, 33, 0.1), 0 1px 2px rgba(31, 33, 33, 0.06);
  --eop-shadow-xl: 0 20px 25px rgba(31, 33, 33, 0.1), 0 10px 10px rgba(31, 33, 33, 0.04);
  --eop-shadow-xs: 0 1px 2px rgba(31, 33, 33, 0.04), 0 1px 1px rgba(31, 33, 33, 0.02);
  --eop-sidebar-width-collapsed: 4rem;
  --eop-sidebar-width-default: 17.5rem;
  --eop-sidebar-width-narrow: 15rem;
  --eop-sidebar-width-wide: 20rem;
  --eop-skeleton-avatar-size: 2.5rem;
  --eop-skeleton-button-height: 2.5rem;
  --eop-skeleton-text-height: 1rem;
  --eop-spacing-0: 0;
  --eop-spacing-2xl: 3rem;
  --eop-spacing-3xl: 4rem;
  --eop-spacing-4xl: 5rem;
  --eop-spacing-grid-base: 8px;
  --eop-spacing-lg: 1.5rem;
  --eop-spacing-md: 1rem;
  --eop-spacing-sm: 0.5rem;
  --eop-spacing-xl: 2rem;
  --eop-spacing-xs: 0.25rem;
  --eop-surface-base: #FFFFFF;
  --eop-surface-elevated: #F9F9F7;
  --eop-surface-sunken: #F3F3F0;
  --eop-tab-min-height: 3rem;
  --eop-tab-min-width: 56px;
  --eop-tab-padding: 0.75rem 1.5rem;
  --eop-table-cell-padding: 0.75rem 1rem;
  --eop-table-header-height: 3rem;
  --eop-table-row-height-comfortable: 4rem;
  --eop-table-row-height-compact: 2.5rem;
  --eop-table-row-height-default: 3.5rem;
  --eop-text-disabled: #C5C1B8;
  --eop-text-inverse: #FFFFFF;
  --eop-text-primary: #1F2121;
  --eop-text-secondary: #6B6966;
  --eop-text-tertiary: #8B8882;
  --eop-textarea-max-height: 20rem;
  --eop-textarea-min-height: 6rem;
  --eop-textarea-padding: 0.75rem 1rem;
  --eop-toggle-height: 2rem;
  --eop-toggle-knob-size: 1.5rem;
  --eop-toggle-width: 3.5rem;
  --eop-tooltip-max-width: 20rem;
  --eop-tooltip-padding: 0.5rem 0.75rem;
  --eop-touch-target-compact: 3rem;
  --eop-touch-target-min: 3.5rem;
  --eop-touch-target-recommended: 4rem;
  --eop-transition-color: color 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --eop-transition-fast-ease-out: 150ms cubic-bezier(0, 0, 0.2, 1);
  --eop-transition-focus: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), outline 150ms cubic-bezier(0, 0, 0.2, 1);
  --eop-transition-normal-ease-in-out: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --eop-transition-opacity: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --eop-transition-slow-ease-in-out: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --eop-typescale-body: 400 1rem/1.5 var(--eop-font-family-base);
  --eop-typescale-body-lg: 400 1.125rem/1.6 var(--eop-font-family-base);
  --eop-typescale-body-sm: 400 0.875rem/1.5 var(--eop-font-family-base);
  --eop-typescale-caption: 400 0.75rem/1.4 var(--eop-font-family-base);
  --eop-typescale-display-lg: 700 3rem/1.2 var(--eop-font-family-base);
  --eop-typescale-display-md: 700 2.25rem/1.2 var(--eop-font-family-base);
  --eop-typescale-display-sm: 700 1.875rem/1.3 var(--eop-font-family-base);
  --eop-typescale-h1: 700 1.875rem/1.3 var(--eop-font-family-base);
  --eop-typescale-h2: 600 1.5rem/1.4 var(--eop-font-family-base);
  --eop-typescale-h3: 600 1.25rem/1.4 var(--eop-font-family-base);
  --eop-typescale-h4: 600 1.125rem/1.5 var(--eop-font-family-base);
  --eop-typescale-label: 500 0.875rem/1.4 var(--eop-font-family-base);
  --eop-typescale-mono: 400 0.875rem/1.6 var(--eop-font-family-mono);
  --eop-typescale-mono-lg: 400 1rem/1.6 var(--eop-font-family-mono);
  --eop-typescale-mono-sm: 400 0.75rem/1.6 var(--eop-font-family-mono);
  --eop-z-base: 0;
  --eop-z-critical-modal: 600;
  --eop-z-dropdown: 100;
  --eop-z-fullscreen: 800;
  --eop-z-modal: 300;
  --eop-z-modal-overlay: 299;
  --eop-z-notification: 500;
  --eop-z-relative: 1;
  --eop-z-sticky: 200;
  --eop-z-system: 9999;
  --eop-z-tooltip: 400;
}

[data-theme="dark"] {
  --eop-active-bg: rgba(124, 134, 255, 0.28);
  --eop-bg-overlay: rgba(0, 0, 0, 0.6);
  --eop-bg-primary: #0F0F0F;
  --eop-bg-secondary: #1A1A1A;
  --eop-bg-tertiary: #2C2C2C;
  --eop-border-default: #4A4844;
  --eop-border-strong: #6B6966;
  --eop-border-subtle: #333333;
  --eop-color-critical: #B45309;
  --eop-color-critical-bg: rgba(180, 83, 9, 0.2);
  --eop-color-error: #E63946;
  --eop-color-error-bg: rgba(230, 57, 70, 0.15);
  --eop-color-gray-050: #F9F9F7;
  --eop-color-gray-100: #F0EFEC;
  --eop-color-gray-200: #E5E3DE;
  --eop-color-gray-300: #D4D0C8;
  --eop-color-gray-400: #B8B3A8;
  --eop-color-gray-500: #8B8882;
  --eop-color-gray-600: #6B6966;
  --eop-color-gray-700: #4A4844;
  --eop-color-gray-800: #2C2C2C;
  --eop-color-gray-900: #1A1A1A;
  --eop-color-gray-950: #0F0F0F;
  --eop-color-info: #0EA5E9;
  --eop-color-info-bg: rgba(14, 165, 233, 0.15);
  --eop-color-primary: #7C86FF;
  --eop-color-primary-active: #6B75F5;
  --eop-color-primary-hover: #96A0FF;
  --eop-color-secondary: #9D8B99;
  --eop-color-secondary-hover: #ADA1A9;
  --eop-color-success: #4CA878;
  --eop-color-success-bg: rgba(76, 168, 120, 0.15);
  --eop-color-tertiary: #7DA3A3;
  --eop-color-warning: #F59E0B;
  --eop-color-warning-bg: rgba(245, 158, 11, 0.15);
  --eop-focus-border: var(--eop-color-primary);
  --eop-focus-ring: rgba(124, 134, 255, 0.3);
  --eop-hover-bg: rgba(124, 134, 255, 0.2);
  --eop-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.7), 0 15px 25px rgba(0, 0, 0, 0.35);
  --eop-shadow-inset: inset 0 1px 3px rgba(255, 255, 255, 0.1);
  --eop-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
  --eop-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
  --eop-shadow-none: none;
  --eop-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --eop-shadow-xl: 0 20px 35px rgba(0, 0, 0, 0.6), 0 10px 15px rgba(0, 0, 0, 0.3);
  --eop-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --eop-surface-base: #1F1F1F;
  --eop-surface-elevated: #2C2C2C;
  --eop-surface-sunken: #151515;
  --eop-text-disabled: #6B6966;
  --eop-text-inverse: #0F0F0F;
  --eop-text-primary: #F0EFEC;
  --eop-text-secondary: #B8B3A8;
  --eop-text-tertiary: #8B8882;
}