:root {
  --color-ink: #0c1730;
  --color-ink-soft: #48546b;
  --color-deep: #06152d;
  --color-deep-soft: #0b2345;
  --color-blue: #155dcc;
  --color-blue-bright: #6ba0ff;
  --color-focus: #0b57c5;
  --color-yellow: #f2c14e;
  --color-surface: #ffffff;
  --color-surface-soft: #f3f6fa;
  --color-border: #d8e0eb;
  --color-on-dark: #f7faff;
  --color-on-dark-soft: #c3cddd;
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --content-width: 1200px;
  --header-height: 88px;
  --radius-small: 6px;
  --radius-medium: 14px;
  --radius-large: 24px;
  --shadow-focus: 0 0 0 5px rgba(255, 255, 255, 0.82);
  --space-section: clamp(5.5rem, 10vw, 9rem);
  --transition-fast: 180ms ease;
  --transition-medium: 480ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 47.99rem) {
  :root {
    --header-height: 72px;
    --space-section: 4.75rem;
  }
}