:root {
  --color-brand-50: #eef6ff;
  --color-brand-100: #d9ebff;
  --color-brand-500: #2878d0;
  --color-brand-600: #1769bd;
  --color-brand-700: #135798;
  --color-text-primary: #172033;
  --color-text-secondary: #5f6b7a;
  --color-text-muted: #8993a4;
  --color-surface-page: #f4f7fb;
  --color-surface-panel: #ffffff;
  --color-surface-subtle: #f8fafc;
  --color-border-default: #dfe5ec;
  --color-success-600: #2f7d4d;
  --color-success-50: #edf8f1;
  --color-warning-600: #996515;
  --color-warning-50: #fff8e8;
  --color-danger-600: #b53a3a;
  --color-danger-50: #fff1f1;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --radius-control: 0.5rem;
  --radius-panel: 0.625rem;
  --radius-round: 999px;
  --shadow-panel:
    0 1px 2px rgba(23, 32, 51, 0.04),
    0 8px 24px rgba(23, 32, 51, 0.06);
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: clamp(1.5rem, 3vw, 2rem);
  --line-height-tight: 1.25;
  --line-height-body: 1.65;

  /* Compatibility aliases for legacy pages during gradual migration. */
  --alipay-blue: var(--color-brand-600);
  --alipay-blue-hover: var(--color-brand-500);
  --alipay-blue-light: var(--color-brand-50);
  --alipay-blue-dark: var(--color-brand-700);
  --alipay-success: var(--color-success-600);
  --alipay-warning: var(--color-warning-600);
  --alipay-error: var(--color-danger-600);
  --alipay-text-primary: var(--color-text-primary);
  --alipay-text-secondary: var(--color-text-secondary);
  --alipay-text-tertiary: var(--color-text-muted);
  --alipay-bg: var(--color-surface-page);
  --alipay-bg-light: var(--color-surface-subtle);
  --alipay-border: var(--color-border-default);
  --brand-radius-card: var(--radius-panel);
  --brand-radius-control: var(--radius-control);
  --brand-radius-pill: var(--radius-control);
  --brand-shadow-card: var(--shadow-panel);
  --brand-shadow-card-hover: var(--shadow-panel);
}