:root{--color-bg-page:#f2f4f8;--color-bg-page-gradient:linear-gradient(135deg, #f2f4f8 0%, #e8ebf5 50%, #eef0f8 100%);--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-input-focus:#fff;--color-bg-input-disabled:#e2e8ed;--color-bg-overlay:#f2f4f8f7;--color-text:#1a202c;--color-text-muted:#4a5568;--color-text-inverse:#fff;--color-primary:#5b6ba8;--color-primary-hover:#4a5a94;--color-primary-active:#3e4d7e;--color-primary-light:#e2e6f5;--color-primary-focus:#5b6ba8;--color-border:#9ca8c4;--color-border-light:#c5cde0;--color-border-input:#b8c0d4;--color-button-primary-bg:#5b6ba8;--color-button-primary-bg-hover:#4a5a94;--color-button-primary-bg-active:#3e4d7e;--color-button-primary-text:#fff;--color-button-secondary-bg:#e2e6f5;--color-button-secondary-text:#2d3548;--color-button-secondary-bg-hover:#d0d6eb;--color-button-disabled-bg:#e2e8ed;--color-button-disabled-text:#718096;--color-danger:#e05050;--color-danger-hover:#d04040;--color-danger-light:#fdeeee;--color-wheel-border:#5b6ba8;--color-wheel-hub:#5b6ba8;--color-pointer:#5b6ba8;--color-roulette-text-stroke:#2d3748;--shadow-card:0 4px 20px #1a202c14;--shadow-card-accent:0 4px 20px #5b6ba826;--shadow-button:0 4px 12px #5b6ba84d;--shadow-overlay:0 8px 32px #1a202c1f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}