:root {
  color-scheme: light;
  --ui-surface: #FFFFFF;
  --ui-surface-soft: #F6F8FB;
  --ui-ink: #1B1F27;
  --ui-text-secondary: #5F6672;
  --ui-text-tertiary: #939AA5;
  --ui-line: #E2E7EE;
  --ui-brand: #FF8822;
  --ui-brand-strong: #B95000;
  --ui-brand-soft: #FFF1E6;
  --ui-brand-line: #F6C28D;
  --ui-info: #2F66D0;
  --ui-info-soft: #EAF1FF;
  --ui-info-ink: #274E9B;
  --ui-signal: #DFF36B;
  --ui-alert: #DF6B64;
  --ui-service: #7B62C7;
  --ui-success: #2F8F66;

  --ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --ui-font-person: 650 28px/1.25 var(--ui-font-family);
  --ui-font-nav: 600 20px/1.3 var(--ui-font-family);
  --ui-font-section: 600 18px/1.4 var(--ui-font-family);
  --ui-font-body: 400 15px/1.6 var(--ui-font-family);
  --ui-font-button: 600 16px/1 var(--ui-font-family);
  --ui-font-meta: 400 12px/1.5 var(--ui-font-family);
  --ui-font-tag: 600 11px/1.2 var(--ui-font-family);

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;

  --ui-radius-tag: 4px;
  --ui-radius-control: 8px;
  --ui-radius-small: 6px;
  --ui-radius-round: 999px;

  --ui-size-touch: 44px;
  --ui-size-button: 48px;
  --ui-size-header: 44px;
  --ui-size-bottom-nav: 56px;
  --ui-size-icon: 20px;
  --ui-size-nav-icon: 24px;
  --ui-page-width: 390px;
  --ui-page-min-width: 375px;
  --ui-page-max-width: 430px;

  --ui-shadow-float: 0 12px 32px rgb(27 31 39 / 14%);
  --ui-z-header: 20;
  --ui-z-nav: 30;
  --ui-z-overlay: 80;
  --ui-z-toast: 100;
}