/*
 * LikeSoon UI tokens
 *
 * This file is the only owner of shared visual values. Component and page
 * styles consume semantic variables from here. It contains no component or
 * route selectors.
 */

:root {
  /* Existing public API: preserved during governance migration. */
  --ui-color-primary: #7c33a8;
  --ui-color-primary-strong: #58227e;
  --ui-color-primary-bright: #b879f1;
  --ui-color-primary-deep: #371354;
  --ui-color-primary-soft: #f4edff;
  --ui-color-secondary: #eab4a0;
  --ui-color-secondary-strong: #c38168;
  --ui-color-champagne: #e7c98e;
  --ui-color-champagne-strong: #b77d36;
  --ui-color-champagne-rich: #8f602b;
  --ui-color-champagne-deep: #5a3a1d;
  --ui-color-champagne-ink: #66431b;
  --ui-color-champagne-soft: #fff8e9;
  --ui-color-champagne-glow: #fffdf7;
  --ui-color-champagne-mist: #f2dfba;
  --ui-border-champagne: rgba(183, 125, 54, 0.24);
  --ui-shadow-champagne: 0 8px 22px rgba(183, 125, 54, 0.09);
  --ui-color-ink: #1b0a2a;
  --ui-color-text: var(--ui-color-ink);
  --ui-color-muted: #736c7d;
  --ui-color-muted-strong: #5f5868;
  --ui-color-placeholder: #706879;
  --ui-color-success: #147a58;
  --ui-color-success-soft: #edf8f4;
  --ui-color-warning: #ba7517;
  --ui-color-warning-soft: #fff7e8;
  --ui-color-warning-ink: #7b4b0d;
  --ui-color-danger: #c84a5a;
  --ui-color-danger-soft: #fff0f2;
  --ui-surface-base: #f6f6fa;
  --ui-surface-raised: #ffffff;
  --ui-surface-subtle: #fbfaff;
  --ui-border-subtle: #e8e0ef;
  --ui-border-strong: #d8d4e0;
  --ui-border-default: var(--ui-border-strong);
  --ui-action-primary-background: linear-gradient(120deg, var(--ui-color-primary) 0%, var(--ui-color-primary-strong) 100%);
  --ui-action-primary-background-hover: linear-gradient(120deg, #713099 0%, var(--ui-color-primary-deep) 100%);
  --ui-action-primary-foreground: #ffffff;
  --ui-action-primary-disabled: #d8c2ff;
  --ui-action-primary-disabled-foreground: var(--ui-color-ink);
  --ui-action-primary-shadow: 0 7px 14px rgba(88, 34, 126, 0.18);
  --ui-action-secondary-background: linear-gradient(270deg, var(--ui-color-secondary-strong) 0%, var(--ui-color-secondary) 100%);
  --ui-action-secondary-background-hover: linear-gradient(90deg, var(--ui-color-secondary-strong) 0%, var(--ui-color-secondary) 100%);
  --ui-action-secondary-foreground: var(--ui-color-ink);
  --ui-action-secondary-disabled: #ead2c8;
  --ui-action-secondary-shadow: 0 7px 14px rgba(195, 129, 104, 0.2);
  --ui-action-champagne-background: linear-gradient(120deg, var(--ui-color-champagne) 0%, var(--ui-color-secondary) 100%);
  --ui-action-champagne-background-hover: linear-gradient(120deg, #ddbb79 0%, #dfa58d 100%);
  --ui-action-champagne-foreground: var(--ui-color-champagne-ink);
  --ui-action-danger-background: #b83c50;
  --ui-action-danger-background-hover: #982e41;
  --ui-action-danger-foreground: #ffffff;
  --ui-overlay-backdrop: rgba(27, 10, 42, 0.34);
  --ui-shadow-float: 0 14px 36px rgba(37, 25, 56, 0.08);
  --ui-shadow-focus: 0 0 0 3px rgba(124, 51, 168, 0.16);
  --ui-radius-control: 10px;
  --ui-radius-panel: 16px;
  --ui-radius-panel-mobile: 12px;
  --ui-radius-xs: 3px;
  --ui-radius-icon: 11px;
  --ui-radius-media: 13px;
  --ui-radius-card-compact: 14px;
  --ui-radius-panel-compact: 15px;
  --ui-radius-panel-lg: 20px;
  --ui-radius-circle: 50%;
  --ui-radius-chart-cap: 8px 8px 0 0;
  --ui-radius-chart-bar: 6px 6px 2px 2px;
  --ui-radius-illustration: 48% 48% 22% 22%;
  --ui-radius-modal-shell: calc(var(--ui-radius-panel) + 2px);
  --ui-radius-tab: calc(var(--ui-radius-panel) - 4px);
  --ui-sidebar-width: 264px;
  --ui-topbar-height: 72px;
  --ui-content-gutter: 28px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-space-7: 48px;
  --ui-gap-control: var(--ui-space-2);
  --ui-gap-inline-tight: 6px;
  --ui-gap-related: var(--ui-space-3);
  --ui-gap-component: var(--ui-space-4);
  --ui-gap-section: var(--ui-space-5);
  --ui-gap-page: var(--ui-space-6);
  --ui-select-arrow-inset: 14px;
  --ui-select-arrow-width: 12px;
  --ui-select-arrow-height: 8px;
  --ui-select-content-padding: 42px;
  --ui-duration-fast: 160ms;
  --ui-duration-enter: 240ms;
  --ui-font-size-min: 12px;

  /* Typography. */
  --ui-font-cjk: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --ui-font-product: Inter, var(--ui-font-cjk);
  --ui-font-marketing: Poppins, Arial, var(--ui-font-cjk);
  --ui-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ui-text-12: 12px;
  --ui-text-13: 13px;
  --ui-text-14: 14px;
  --ui-text-16: 16px;
  --ui-text-18: 18px;
  --ui-text-24: 24px;
  --ui-text-32: 32px;
  --ui-text-40: 40px;
  --ui-weight-regular: 400;
  --ui-weight-medium: 500;
  --ui-weight-semibold: 600;
  --ui-weight-bold: 700;
  --ui-weight-heavy: 800;
  --ui-leading-tight: 1.2;
  --ui-leading-control: 1.35;
  --ui-leading-normal: 1.5;
  --ui-leading-relaxed: 1.7;
  --ui-tracking-tight: -0.02em;
  --ui-tracking-normal: 0;

  /* Geometry and density. */
  --ui-control-sm: 36px;
  --ui-control-md: 40px;
  --ui-control-lg: 44px;
  --ui-control-xl: 48px;
  --ui-control-readonly-multiline-min: 46px;
  --ui-icon-sm: 14px;
  --ui-icon-md: 18px;
  --ui-icon-lg: 22px;
  --ui-radius-sm: 8px;
  --ui-radius-none: 0;
  --ui-radius-pagination: 9px;
  --ui-radius-empty-icon: 14px;
  --ui-radius-card: var(--ui-radius-panel);
  --ui-radius-modal: var(--ui-radius-panel);
  --ui-radius-pill: 999px;
  --ui-platform-choice-radius: 1.5rem;
  --ui-gap-grid: var(--ui-space-4);

  /* Semantic surfaces and text. */
  --ui-surface-canvas: var(--ui-surface-base);
  --ui-surface-panel: var(--ui-surface-raised);
  --ui-surface-elevated: var(--ui-surface-raised);
  --ui-surface-hover: var(--ui-color-primary-soft);
  --ui-surface-selected: var(--ui-color-primary-soft);
  --ui-surface-disabled: #eeeaf2;
  --ui-text-primary: var(--ui-color-text);
  --ui-text-secondary: var(--ui-color-muted-strong);
  --ui-text-muted: var(--ui-color-muted);
  --ui-text-placeholder: var(--ui-color-placeholder);
  --ui-text-inverse: var(--ui-surface-raised);
  --ui-text-link: var(--ui-color-primary-strong);
  --ui-text-danger: var(--ui-color-danger);
  --ui-status-processing: #1565c0;
  --ui-status-pending: #147a58;
  --ui-status-running: #006b78;
  --ui-status-cancelled: #5f6670;
  --ui-status-partial: #c2185b;
  --ui-action-neutral-background: var(--ui-status-cancelled);
  --ui-action-neutral-foreground: var(--ui-text-inverse);
  --ui-border-focus: var(--ui-color-primary);
  --ui-border-danger: var(--ui-color-danger);
  --ui-border-primary-subtle: rgba(124, 51, 168, 0.22);
  --ui-border-primary: rgba(124, 51, 168, 0.34);
  --ui-border-primary-strong: rgba(124, 51, 168, 0.5);
  --ui-border-danger-subtle: rgba(200, 74, 90, 0.34);
  --ui-border-topbar-accent: rgba(108, 40, 166, 0.13);
  --ui-border-topbar-accent-strong: rgba(108, 40, 166, 0.32);

  /* Elevation and layers. */
  --ui-shadow-none: none;
  --ui-shadow-card: 0 1px 2px rgba(37, 25, 56, 0.025);
  --ui-shadow-button-hover: 0 9px 18px rgba(88, 34, 126, 0.22);
  --ui-shadow-raised: 0 6px 18px rgba(37, 25, 56, 0.035);
  --ui-shadow-dropdown: 0 14px 32px rgba(37, 25, 56, 0.12);
  --ui-shadow-modal: var(--ui-shadow-float);
  --ui-shadow-brand-icon: 0 5px 13px rgba(108, 40, 166, 0.2);
  --ui-shadow-topbar-popover: 0 14px 34px rgba(46, 24, 64, 0.15);
  --ui-shadow-topbar-action: 0 7px 16px rgba(108, 40, 166, 0.2);
  --ui-shadow-topbar-focus-inset: inset 0 0 0 1px rgba(108, 40, 166, 0.28);
  --ui-shadow-avatar: 0 2px 7px rgba(37, 25, 56, 0.1);
  --ui-shadow-avatar-hover: 0 3px 10px rgba(108, 40, 166, 0.18);
  --ui-z-dropdown: 1000;
  --ui-z-sticky: 1020;
  --ui-z-overlay: 1040;
  --ui-z-modal: 1060;
  --ui-z-toast: 1080;
  --ui-loader-size: 30px;
  --ui-loader-track: var(--ui-border-subtle);
  --ui-loader-accent: var(--ui-color-primary);

  /* Motion. */
  --ui-duration-instant: 1ms;
  --ui-duration-normal: 240ms;
  --ui-duration-slow: 360ms;
  --ui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ui-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);

  /* Component semantic aliases. */
  --ui-button-primary-bg: var(--ui-action-primary-background);
  --ui-button-primary-bg-hover: var(--ui-action-primary-background-hover);
  --ui-button-primary-fg: var(--ui-action-primary-foreground);
  --ui-button-primary-shadow: var(--ui-action-primary-shadow);
  --ui-button-secondary-bg: var(--ui-action-secondary-background);
  --ui-button-secondary-bg-hover: var(--ui-action-secondary-background-hover);
  --ui-button-secondary-fg: var(--ui-action-secondary-foreground);
  --ui-field-bg: var(--ui-surface-raised);
  --ui-field-border: var(--ui-border-strong);
  --ui-field-border-hover: var(--ui-color-primary-bright);
  --ui-field-border-focus: var(--ui-color-primary);
  --ui-field-placeholder: var(--ui-color-placeholder);
  --ui-field-focus-shadow: var(--ui-shadow-focus);
  --ui-surface-table-hover: #fcfbfe;
  --ui-surface-control-subtle: #f8f7fb;
  --ui-surface-topbar-selected: rgba(108, 40, 166, 0.09);
  --ui-surface-toast: var(--ui-color-primary-soft);
  --ui-surface-inverse-translucent: rgba(255, 255, 255, 0.22);
  --ui-surface-primary-highlight: #eadcff;
  --ui-surface-glass-50: rgba(255, 255, 255, 0.5);
  --ui-surface-glass-58: rgba(255, 255, 255, 0.58);
  --ui-surface-glass-62: rgba(255, 255, 255, 0.62);
  --ui-surface-glass-82: rgba(255, 255, 255, 0.82);
  --ui-color-partner-illustration-ground: rgba(112, 70, 30, 0.16);
  --ui-border-outline-primary: #d8c2ff;
  --ui-shadow-native-focus: 0 0 0 1px var(--ui-surface-raised), var(--ui-shadow-focus);
  --ui-shadow-highlight-inset: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  --ui-shadow-highlight-inset-strong: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --ui-shadow-nav-active: inset 0 -2px 0 var(--ui-color-primary-strong);
  --ui-shadow-champagne-glass: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 8px 18px rgba(181, 123, 28, 0.08);
  --ui-shadow-champagne-action: 0 8px 18px rgba(102, 67, 27, 0.18);
  --ui-shadow-champagne-action-hover: 0 10px 22px rgba(102, 67, 27, 0.24);
  --ui-shadow-champagne-focus: 0 0 0 3px rgba(183, 125, 54, 0.18);
  --ui-shadow-champagne-focus-inset: inset 0 0 0 1px var(--ui-border-champagne);
  --ui-shadow-partner-focus-inset: inset 0 0 0 1px var(--ui-border-primary-subtle);
  --ui-filter-partner-illustration: drop-shadow(0 20px 28px rgba(70, 42, 25, 0.16));
  --ui-chart-series-completed: var(--ui-system-color-069);
  --ui-chart-series-processing: var(--ui-system-color-070);
  --ui-chart-series-in-progress: var(--ui-system-color-071);
  --ui-chart-series-pending: var(--ui-system-color-072);
  --ui-chart-series-partial: var(--ui-system-color-073);
  --ui-chart-series-canceled: var(--ui-system-color-074);
  --ui-chart-series-refunded: var(--ui-system-color-075);
  --ui-chart-grid: var(--ui-system-color-065);
  --ui-chart-focus-line: rgba(124, 51, 168, 0.18);

  /* Layout. */
  --ui-content-max: 1440px;
  --ui-page-gutter-mobile: 14px;
  --ui-page-gutter-tablet: 20px;
  --ui-page-gutter-desktop: var(--ui-content-gutter);
  --ui-add-funds-color-01: var(--ui-border-champagne);
  --ui-add-funds-color-02: rgba(255, 255, 255, 0.72);
  --ui-add-funds-color-03: var(--ui-color-champagne-soft);
  --ui-add-funds-color-04: var(--ui-color-champagne-mist);
  --ui-add-funds-color-05: rgba(102, 67, 27, 0.1);
  --ui-add-funds-color-06: rgba(255, 255, 255, 0.42);
  --ui-add-funds-color-07: rgba(183, 125, 54, 0.18);
  --ui-add-funds-color-08: rgba(255, 255, 255, 0.76);
  --ui-add-funds-color-09: var(--ui-color-champagne-rich);
  --ui-add-funds-color-10: var(--ui-color-champagne-deep);
  --ui-add-funds-color-11: rgba(90, 58, 29, 0.24);
  --ui-add-funds-color-12: rgba(255, 255, 255, 0.58);
  --ui-add-funds-color-13: rgba(255, 255, 255, 0.18);
  --ui-add-funds-color-14: rgba(183, 125, 54, 0.18);
  --ui-add-funds-color-15: var(--ui-color-champagne-mist);
  --ui-add-funds-color-16: rgba(255, 255, 255, 0.52);
  --ui-add-funds-color-17: rgba(90, 58, 29, 0.065);
  --ui-add-funds-color-18: rgba(90, 58, 29, 0.04);
  --ui-add-funds-color-19: rgba(183, 125, 54, 0.38);
  --ui-add-funds-color-20: rgba(102, 67, 27, 0.11);
  --ui-add-funds-color-21: rgba(183, 125, 54, 0.56);
  --ui-add-funds-color-22: #f7ead1;
  --ui-add-funds-color-23: rgba(183, 125, 54, 0.1);
  --ui-add-funds-color-24: rgba(102, 67, 27, 0.14);
  --ui-add-funds-color-25: rgba(183, 125, 54, 0.15);
  --ui-add-funds-color-26: #079b4b;
  --ui-add-funds-color-27: #1677ff;
  --ui-add-funds-color-28: #fffaf2;
  --ui-add-funds-color-29: #fffcf5;
  --ui-add-funds-color-30: rgba(183, 125, 54, 0.22);
  --ui-add-funds-color-31: rgba(183, 125, 54, 0.24);
  --ui-add-funds-color-32: rgba(231, 201, 142, 0.13);
  --ui-add-funds-color-33: rgba(255, 255, 255, 0.96);
  --ui-add-funds-color-34: rgba(183, 125, 54, 0.13);
  --ui-add-funds-color-35: var(--ui-color-champagne-rich);
  --ui-add-funds-color-36: rgba(90, 58, 29, 0.045);
  --ui-add-funds-color-37: rgba(183, 125, 54, 0.62);
  --ui-add-funds-color-38: rgba(231, 201, 142, 0.11);
  --ui-add-funds-color-39: rgba(255, 255, 255, 0.82);
  --ui-add-funds-color-40: rgba(124, 51, 168, 0.24);
  --ui-add-funds-color-41: rgba(124, 51, 168, 0.34);
  --ui-add-funds-color-42: rgba(88, 34, 126, 0.08);
  --ui-add-funds-color-43: rgba(124, 51, 168, 0.08);
  --ui-add-funds-color-44: rgba(88, 34, 126, 0.1);
  --ui-add-funds-color-45: rgba(20, 122, 88, 0.16);
  --ui-add-funds-color-46: rgba(124, 51, 168, 0.18);
  --ui-add-funds-color-47: rgba(88, 34, 126, 0.24);
  --ui-add-funds-color-48: rgba(186, 117, 23, 0.24);
  --ui-add-funds-radius-01: 20px;
  --ui-add-funds-radius-02: 7px;
  --ui-add-funds-radius-03: 18px;
  --ui-add-funds-radius-04: 14px;
  --ui-add-funds-radius-05: 13px;
  --ui-add-funds-radius-06: 4px;
  --ui-add-funds-radius-07: 15px;
  --ui-add-funds-radius-08: 11px;
  --ui-add-funds-shadow-01: 0 16px 42px var(--ui-add-funds-color-05);
  --ui-add-funds-shadow-02: 0 22px 40px var(--ui-add-funds-color-11);
  --ui-add-funds-shadow-03: 0 12px 26px var(--ui-add-funds-color-14);
  --ui-add-funds-shadow-04: 0 14px 38px var(--ui-add-funds-color-17);
  --ui-add-funds-shadow-05: 0 8px 20px var(--ui-add-funds-color-18);
  --ui-add-funds-shadow-06: 0 12px 24px var(--ui-add-funds-color-20);
  --ui-add-funds-shadow-07: inset 0 0 0 1px var(--ui-add-funds-color-23), 0 13px 28px var(--ui-add-funds-color-24);
  --ui-add-funds-shadow-08: 0 7px 20px var(--ui-add-funds-color-36);
  --ui-add-funds-shadow-09: 0 0 0 3px var(--ui-add-funds-color-34);
  --ui-add-funds-shadow-10: 0 8px 20px var(--ui-add-funds-color-42);
  --ui-add-funds-shadow-11: inset 0 0 0 1px var(--ui-add-funds-color-43),
    0 10px 24px var(--ui-add-funds-color-44);
  --ui-add-funds-shadow-12: 0 10px 20px var(--ui-add-funds-color-47);
  --ui-maintenance-access-ink: #20162b;
  --ui-maintenance-access-muted: #6d6475;
  --ui-maintenance-access-visual-background:
    radial-gradient(circle at 76% 22%, rgba(176, 126, 221, 0.24), transparent 32%),
    radial-gradient(circle at 14% 88%, rgba(229, 189, 173, 0.24), transparent 34%),
    linear-gradient(145deg, #fbf9fd 0%, #f2eafa 50%, #eee2f7 100%);
  --ui-maintenance-access-mark-border: rgba(124, 51, 168, 0.12);
  --ui-maintenance-access-mark-background: linear-gradient(145deg, #9a5dd1, #64238f);
  --ui-maintenance-access-mark-shadow:
    inset 0 1px rgba(255, 255, 255, 0.42),
    0 34px 76px rgba(88, 34, 126, 0.22);
  --ui-maintenance-access-mark-text: #fbf9fd;
  --ui-maintenance-access-mark-ring: rgba(124, 51, 168, 0.13);
  --ui-maintenance-access-panel-background:
    radial-gradient(circle at 92% 10%, rgba(176, 126, 221, 0.08), transparent 18rem),
    var(--ui-auth-panel-surface);
  --ui-maintenance-access-panel-mobile-background:
    radial-gradient(circle at 92% 8%, rgba(176, 126, 221, 0.12), transparent 17rem),
    radial-gradient(circle at 4% 96%, rgba(229, 189, 173, 0.09), transparent 16rem),
    var(--ui-auth-panel-surface);
  --ui-maintenance-access-surface-reduced: #f7f3fb;
  --ui-maintenance-access-mark-radius: 36px;
  --ui-new-order-color-01: rgba(124, 51, 168, 0.09);
  --ui-new-order-color-02: rgba(124, 51, 168, 0.24);
  --ui-new-order-color-03: #e8e3ed;
  --ui-new-order-color-04: rgba(255, 255, 255, 0.92);
  --ui-new-order-color-05: rgba(39, 27, 51, 0.025);
  --ui-new-order-color-06: rgba(39, 27, 51, 0.07);
  --ui-new-order-color-07: rgba(39, 27, 51, 0.055);
  --ui-new-order-color-08: #ded8e6;
  --ui-new-order-color-09: rgba(124, 51, 168, 0.5);
  --ui-new-order-color-10: #cdbfd6;
  --ui-new-order-color-11: rgba(88, 34, 126, 0.2);
  --ui-new-order-color-12: rgba(124, 51, 168, 0.13);
  --ui-new-order-color-13: rgba(255, 255, 255, 0.72);
  --ui-new-order-color-14: rgba(124, 51, 168, 0.12);
  --ui-new-order-color-15: rgba(39, 27, 51, 0.05);
  --ui-new-order-color-16: rgba(39, 27, 51, 0.075);
  --ui-new-order-color-17: #f4f1f7;
  --ui-new-order-color-18: rgba(39, 27, 51, 0.09);
  --ui-new-order-color-19: rgba(255, 255, 255, 0.68);
  --ui-new-order-color-20: #ddd7e3;
  --ui-new-order-color-21: rgba(39, 27, 51, 0.02);
  --ui-new-order-color-22: #c9becf;
  --ui-new-order-color-23: rgba(124, 51, 168, 0.58);
  --ui-new-order-color-24: rgba(195, 129, 104, 0.18);
  --ui-new-order-color-25: rgba(195, 129, 104, 0.22);
  --ui-new-order-color-26: rgba(88, 34, 126, 0.16);
  --ui-new-order-color-27: rgba(88, 34, 126, 0.21);
  --ui-new-order-color-28: rgba(38, 22, 49, 0.17);
  --ui-new-order-color-29: rgba(255, 255, 255, 0.13);
  --ui-new-order-color-30: rgba(255, 255, 255, 0.08);
  --ui-new-order-color-31: #eadff1;
  --ui-new-order-color-32: rgba(255, 255, 255, 0.16);
  --ui-new-order-color-33: rgba(184, 121, 241, 0.18);
  --ui-new-order-color-34: #ead8fa;
  --ui-new-order-color-35: rgba(255, 255, 255, 0.12);
  --ui-new-order-color-36: rgba(255, 255, 255, 0.06);
  --ui-new-order-color-37: rgba(39, 27, 51, 0.12);
  --ui-new-order-color-38: #d9d2df;
  --ui-new-order-color-39: rgba(124, 51, 168, 0.42);
  --ui-new-order-color-40: rgba(124, 51, 168, 0.48);
  --ui-new-order-color-41: rgba(124, 51, 168, 0.16);
  --ui-new-order-color-42: rgba(39, 27, 51, 0.065);
  --ui-new-order-color-43: rgba(124, 51, 168, 0.1);
  --ui-new-order-color-44: #f4eff8;
  --ui-new-order-color-45: #f7f4f9;
  --ui-new-order-color-46: rgba(124, 51, 168, 0.34);
  --ui-new-order-color-47: #faf8fc;
  --ui-new-order-color-48: #2a1933;
  --ui-new-order-color-49: #16a05d;
  --ui-new-order-color-50: rgba(22, 160, 93, 0.1);
  --ui-new-order-color-51: #1677c8;
  --ui-new-order-color-52: rgba(22, 119, 200, 0.1);
  --ui-new-order-color-53: #1b9568;
  --ui-new-order-color-54: #14724f;
  --ui-new-order-color-55: #ca8116;
  --ui-new-order-color-56: #975e0b;
  --ui-new-order-color-57: rgba(119, 50, 166, 0.3);
  --ui-new-order-color-58: #fcfaff;
  --ui-new-order-color-59: rgba(119, 50, 166, 0.06);
  --ui-new-order-radius-01: 14px;
  --ui-new-order-radius-02: 9px;
  --ui-new-order-radius-03: 11px;
  --ui-new-order-radius-04: 18px;
  --ui-new-order-radius-05: 22px;
  --ui-new-order-radius-06: 22px 22px 0 0;
  --ui-new-order-radius-07: 17px;
  --ui-new-order-radius-08: 17px 17px 0 0;
  --ui-new-order-radius-09: 15px;
  --ui-new-order-radius-10: 6px;
  --ui-new-order-shadow-01: 0 4px 12px var(--ui-new-order-color-05);
  --ui-new-order-shadow-05: 0 5px 14px var(--ui-new-order-color-11);
  --ui-new-order-shadow-06: 0 4px 12px var(--ui-new-order-color-15);
  --ui-new-order-shadow-09: 0 22px 60px var(--ui-new-order-color-16);
  --ui-new-order-shadow-10: 0 5px 14px var(--ui-new-order-color-18);
  --ui-new-order-shadow-11: 0 1px 0 var(--ui-new-order-color-21);
  --ui-new-order-shadow-12: 0 6px 14px var(--ui-new-order-color-24);
  --ui-new-order-shadow-13: 0 8px 16px var(--ui-new-order-color-25);
  --ui-new-order-shadow-14: 0 6px 14px var(--ui-new-order-color-26);
  --ui-new-order-shadow-15: 0 8px 16px var(--ui-new-order-color-27);
  --ui-new-order-shadow-17: 0 14px 30px var(--ui-new-order-color-37);
  --ui-new-order-shadow-18: 0 18px 48px var(--ui-new-order-color-42);
  --ui-new-order-shadow-19: 0 0 0 3px var(--ui-new-order-color-50);
  --ui-new-order-shadow-20: 0 0 0 3px var(--ui-new-order-color-52);
  --ui-tickets-color-01: rgba(124, 51, 168, 0.14);
  --ui-tickets-color-02: rgba(184, 121, 241, 0.24);
  --ui-tickets-color-03: #fffdfb;
  --ui-tickets-color-04: #fbf8ff;
  --ui-tickets-color-05: #f0e4fa;
  --ui-tickets-color-06: rgba(55, 19, 84, 0.07);
  --ui-tickets-color-07: rgba(124, 51, 168, 0.1);
  --ui-tickets-color-08: rgba(124, 51, 168, 0.18);
  --ui-tickets-color-09: rgba(255, 255, 255, 0.42);
  --ui-tickets-color-10: rgba(234, 180, 160, 0.78);
  --ui-tickets-color-11: rgba(184, 121, 241, 0.54);
  --ui-tickets-color-12: rgba(124, 51, 168, 0.16);
  --ui-tickets-color-13: rgba(255, 255, 255, 0.88);
  --ui-tickets-color-14: rgba(88, 34, 126, 0.13);
  --ui-tickets-color-15: rgba(37, 25, 56, 0.055);
  --ui-tickets-color-16: #fdfbff;
  --ui-tickets-color-17: #fbeee9;
  --ui-tickets-color-18: rgba(31, 157, 114, 0.14);
  --ui-tickets-color-19: rgba(200, 74, 90, 0.12);
  --ui-tickets-color-20: rgba(124, 51, 168, 0.12);
  --ui-tickets-color-21: #fcf2ed;
  --ui-tickets-color-22: rgba(124, 51, 168, 0.5);
  --ui-tickets-color-23: #faf8fc;
  --ui-tickets-color-24: #f0eef2;
  --ui-tickets-radius-01: 22px;
  --ui-tickets-radius-02: 18px;
  --ui-tickets-radius-03: 11px;
  --ui-tickets-radius-04: 9px;
  --ui-tickets-shadow-01: 0 16px 46px var(--ui-tickets-color-06);
  --ui-tickets-shadow-02: 0 14px 30px var(--ui-tickets-color-14);
  --ui-tickets-shadow-03: 0 12px 34px var(--ui-tickets-color-15);
  --ui-settings-color-01: #50495a;
  --ui-settings-color-02: rgba(124, 51, 168, 0.2);
  --ui-settings-color-03: rgba(88, 34, 126, 0.08);
  --ui-settings-shadow-01: 0 2px 7px var(--ui-settings-color-03);
  --ui-admin-services-color-01: rgba(255, 255, 255, 0.72);
  --ui-admin-services-shadow-01: inset 0 0 0 2px var(--ui-color-primary);
  --ui-order-history-color-01: rgba(255, 255, 255, 0.42);
  --ui-order-history-color-02: #b77d36;
  --ui-order-history-color-03: rgba(183, 125, 54, 0.11);
  --ui-order-history-color-04: #2f78b7;
  --ui-order-history-color-05: rgba(47, 120, 183, 0.1);
  --ui-order-history-color-06: rgba(124, 51, 168, 0.1);
  --ui-order-history-color-07: rgba(20, 122, 88, 0.1);
  --ui-order-history-color-08: #c36d32;
  --ui-order-history-color-09: rgba(195, 109, 50, 0.1);
  --ui-order-history-color-10: #77717e;
  --ui-order-history-color-11: rgba(119, 113, 126, 0.1);
  --ui-order-history-shadow-01: 0 0 0 3px var(--ui-order-history-color-06);
  --ui-order-history-shadow-02: 0 0 0 3px var(--ui-order-history-color-03);
  --ui-order-history-shadow-03: 0 0 0 3px var(--ui-order-history-color-05);
  --ui-order-history-shadow-04: 0 0 0 3px var(--ui-order-history-color-07);
  --ui-order-history-shadow-05: 0 0 0 3px var(--ui-order-history-color-09);
  --ui-order-history-shadow-06: 0 0 0 3px var(--ui-order-history-color-11);
  --ui-content-code-background: #293340;
  --ui-content-code-foreground: #f8f8f2;
  --ui-content-accent-background: linear-gradient(45deg, var(--ui-color-secondary), var(--ui-color-secondary-strong));
  --ui-content-accent-dot: var(--ui-color-danger);
  --ui-radius-note: 0 var(--ui-space-1) var(--ui-space-1) 0;
  --ui-order-success-text: #005c68;
  --ui-order-success-shadow: 0 2px 4px rgba(29, 39, 59, 0.04);
  --ui-auth-social-border: #e2e8f0;
  --ui-auth-social-border-hover: rgb(168, 168, 168);
  --ui-auth-social-text: #555;
  --ui-auth-social-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  --ui-content-color-01: rgba(124, 51, 168, 0.12);
  --ui-content-color-02: rgba(184, 121, 241, 0.18);
  --ui-content-color-03: rgba(37, 25, 56, 0.06);
  --ui-content-color-04: rgba(124, 51, 168, 0.11);
  --ui-content-color-05: rgba(255, 255, 255, 0.82);
  --ui-content-color-06: rgba(37, 25, 56, 0.035);
  --ui-content-color-07: rgba(124, 51, 168, 0.18);
  --ui-content-color-08: rgba(124, 51, 168, 0.08);
  --ui-content-color-09: rgba(124, 51, 168, 0.22);
  --ui-content-color-10: rgba(88, 34, 126, 0.07);
  --ui-content-color-11: rgba(184, 121, 241, 0.15);
  --ui-content-color-12: #fffdfb;
  --ui-content-color-13: #fbf7ff;
  --ui-content-color-14: #f3ebf8;
  --ui-content-color-15: rgba(55, 19, 84, 0.045);
  --ui-content-color-16: rgba(37, 25, 56, 0.04);
  --ui-content-color-17: rgba(124, 51, 168, 0.28);
  --ui-content-color-18: rgba(124, 51, 168, 0.24);
  --ui-content-color-19: rgba(124, 51, 168, 0.1);
  --ui-content-color-20: #625b6a;
  --ui-content-color-21: #3f3049;
  --ui-content-radius-01: 20px;
  --ui-content-radius-02: 16px;
  --ui-content-radius-03: 12px;
  --ui-content-radius-04: 8px;
  --ui-content-radius-05: 11px;
  --ui-content-radius-06: 999px;
  --ui-content-radius-07: 14px;
  --ui-content-radius-08: 10px;
  --ui-content-radius-09: 9px;
  --ui-content-radius-10: 18px;
  --ui-content-radius-11: 15px;
  --ui-content-shadow-01: 0 14px 36px var(--ui-content-color-03);
  --ui-content-shadow-02: 0 8px 24px var(--ui-content-color-06);
  --ui-content-shadow-03: 0 7px 20px var(--ui-content-color-06);
  --ui-content-shadow-04: 0 12px 28px var(--ui-content-color-10);
  --ui-content-shadow-05: 0 10px 30px var(--ui-content-color-15);
  --ui-content-shadow-06: 0 10px 28px var(--ui-content-color-16);
  --ui-content-shadow-07: 0 12px 36px var(--ui-content-color-16);
  --ui-admin-compat-color-01: rgba(37, 25, 56, 0.035);
  --ui-admin-compat-radius-01: 0;
  --ui-admin-compat-radius-02: 12px;
  --ui-admin-compat-shadow-01: none;
  --ui-admin-compat-shadow-02: 0 6px 18px var(--ui-admin-compat-color-01);
  --ui-system-color-001: rgba(184, 121, 241, 0.09);
  --ui-system-color-002: rgba(234, 180, 160, 0.08);
  --ui-system-color-003: rgba(255, 255, 255, 0.92);
  --ui-system-color-004: rgba(124, 51, 168, 0.13);
  --ui-system-color-005: rgba(38, 19, 75, 0.13);
  --ui-system-color-006: rgba(124, 51, 168, 0.28);
  --ui-system-color-007: rgba(124, 51, 168, 0.09);
  --ui-system-color-008: #9690a0;
  --ui-system-color-009: #665f70;
  --ui-system-color-010: #e3daeb;
  --ui-system-color-011: #fff;
  --ui-system-color-012: #fcf9ff;
  --ui-system-color-013: #e7e2ec;
  --ui-system-color-014: #675f70;
  --ui-system-color-015: #f3f0f7;
  --ui-system-color-016: #766d80;
  --ui-system-color-017: #d4b8e6;
  --ui-system-color-018: #50495a;
  --ui-system-color-019: rgba(88, 34, 126, 0.22);
  --ui-system-color-020: #fcfbff;
  --ui-system-color-021: #f7f4fb;
  --ui-system-color-022: #8a8193;
  --ui-system-color-023: #e7e1ec;
  --ui-system-color-024: rgba(255, 255, 255, 0.9);
  --ui-system-color-025: #f2eff5;
  --ui-system-color-026: #625a6c;
  --ui-system-color-027: #665d70;
  --ui-system-color-028: rgba(124, 51, 168, 0.14);
  --ui-system-color-029: #fcfbfe;
  --ui-system-color-030: #fbf7ff;
  --ui-system-color-031: #f1e6fa;
  --ui-system-color-032: rgba(37, 25, 56, 0.07);
  --ui-system-color-033: rgba(176, 103, 230, 0.12);
  --ui-system-color-034: #fbf8ff;
  --ui-system-color-035: rgba(124, 51, 168, 0.16);
  --ui-system-color-036: rgba(124, 51, 168, 0.2);
  --ui-system-color-037: #faf7ff;
  --ui-system-color-038: #eadcff;
  --ui-system-color-039: rgba(246, 246, 250, 0.72);
  --ui-system-color-040: rgba(246, 246, 250, 0.9);
  --ui-system-color-041: rgba(184, 121, 241, 0.16);
  --ui-system-color-042: rgba(124, 51, 168, 0.1);
  --ui-system-color-043: rgba(250, 246, 254, 0.92);
  --ui-system-color-044: rgba(37, 25, 56, 0.035);
  --ui-system-color-045: rgba(37, 25, 56, 0.045);
  --ui-system-color-046: #fdfbff;
  --ui-system-color-047: #f7f3fb;
  --ui-system-color-048: rgba(184, 121, 241, 0.18);
  --ui-system-color-049: #fffdfb;
  --ui-system-color-050: #f1e7f8;
  --ui-system-color-051: rgba(55, 19, 84, 0.08);
  --ui-system-color-052: rgba(124, 51, 168, 0.11);
  --ui-system-color-053: rgba(124, 51, 168, 0.12);
  --ui-system-color-054: rgba(255, 255, 255, 0.72);
  --ui-system-color-055: rgba(255, 255, 255, 0.82);
  --ui-system-color-056: rgba(88, 34, 126, 0.2);
  --ui-system-color-057: #f5edff;
  --ui-system-color-058: #eee4f8;
  --ui-system-color-059: #fff0ea;
  --ui-system-color-060: #98583f;
  --ui-system-color-061: #eaf7f2;
  --ui-system-color-062: #26765f;
  --ui-system-color-063: #f8f0dd;
  --ui-system-color-064: #8f631d;
  --ui-system-color-065: #eee9f2;
  --ui-system-color-066: rgba(255, 255, 255, 0.96);
  --ui-system-color-067: rgba(48, 29, 64, 0.06);
  --ui-system-color-068: #f1edf4;
  --ui-system-color-069: #7c33a8;
  --ui-system-color-070: #a86cd0;
  --ui-system-color-071: #8e8299;
  --ui-system-color-072: #62ad94;
  --ui-system-color-073: #d4a54e;
  --ui-system-color-074: #d59178;
  --ui-system-color-075: #74607f;
  --ui-system-color-076: rgba(124, 51, 168, 0.06);
  --ui-system-color-077: rgba(55, 19, 84, 0.07);
  --ui-system-color-078: rgba(124, 51, 168, 0.08);
  --ui-system-color-079: rgba(37, 25, 56, 0.04);
  --ui-system-color-080: rgba(37, 25, 56, 0.05);
  --ui-system-radius-001: 9px;
  --ui-system-radius-002: 12px;
  --ui-system-radius-003: 8px;
  --ui-system-radius-004: 50%;
  --ui-system-radius-005: 10px;
  --ui-system-radius-006: 7px;
  --ui-system-radius-007: 999px;
  --ui-system-radius-008: 0 3px 3px 0;
  --ui-system-radius-009: 13px;
  --ui-system-radius-010: 11px;
  --ui-system-radius-011: 18px;
  --ui-system-radius-012: 0;
  --ui-system-radius-013: 14px;
  --ui-system-radius-014: 16px;
  --ui-system-radius-015: 22px;
  --ui-system-radius-016: 15px;
  --ui-system-radius-017: 2px;
  --ui-system-shadow-001: none;
  --ui-system-shadow-002: 0 18px 38px var(--ui-system-color-005);
  --ui-system-shadow-003: 0 0 0 3px var(--ui-system-color-007);
  --ui-system-shadow-004: 0 9px 18px var(--ui-system-color-019);
  --ui-system-shadow-005: 0 0 0 3px var(--ui-system-color-028);
  --ui-system-shadow-006: 0 10px 24px var(--ui-system-color-032);
  --ui-system-shadow-007: 0 8px 24px var(--ui-system-color-044);
  --ui-system-shadow-008: 0 10px 30px var(--ui-system-color-045);
  --ui-system-shadow-009: 0 18px 52px var(--ui-system-color-051);
  --ui-system-shadow-010: inset 0 1px 0 var(--ui-system-color-055);
  --ui-system-shadow-011: 0 8px 20px var(--ui-system-color-056);
  --ui-system-shadow-012: 0 12px 36px var(--ui-system-color-045);
  --ui-system-shadow-013: 0 10px 28px var(--ui-system-color-044);
  --ui-system-shadow-014: 0 10px 25px var(--ui-system-color-067);
  --ui-system-shadow-015: inset 0 0 0 1px var(--ui-system-color-076),
    0 16px 34px var(--ui-system-color-077);
  --ui-system-shadow-016: 0 10px 30px var(--ui-system-color-079);
  --ui-system-shadow-017: 0 8px 22px var(--ui-system-color-080);
}