:root {
  --bg: #eef2f6;
  --bg-strong: #f7f9fc;
  --surface: #ffffff;
  --surface-soft: #f3f6fa;
  --line: #dde4ee;
  --line-strong: #c6d2e1;
  --text: #142033;
  --text-soft: #607086;
  --text-faint: #8d9aae;
  --navy-900: #0d1527;
  --navy-800: #14203a;
  --navy-700: #1b2a4a;
  --navy-600: #24345a;
  --green: #19a36b;
  --green-soft: #eafaf2;
  --blue: #2f7ae5;
  --blue-soft: #edf4ff;
  --amber: #d99414;
  --amber-soft: #fff7e7;
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 6px 24px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 18px 40px rgba(10, 20, 35, 0.18);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --page-max: 1320px;
  --ease: 220ms ease;
}