:root {
  /* BERGER palette, taken from the blue wordmark and steel products */
  --ink: #0b1a2c;
  --ink-2: #203044;
  --navy-950: #06172c;
  --navy-900: #0a2242;
  --navy-800: #0b2a55;
  --navy-700: #123b6d;
  --blue-700: #174e91;
  --blue-600: #1f5da8;
  --blue-500: #2f71c5;
  --blue-300: #8fb7ef;
  --blue-100: #dfeaf7;
  --blue-50: #eef5fc;
  --ice: #f3f6fa;
  --ice-2: #e9eff6;
  --paper: #ffffff;
  --line: #d8e1ec;
  --line-strong: #b9c7d8;
  --steel: #aab9c8;
  --muted: #56677b;
  --muted-light: #7b8a9c;
  --white-80: rgba(255, 255, 255, 0.8);
  --white-64: rgba(255, 255, 255, 0.64);
  --white-16: rgba(255, 255, 255, 0.16);
  --white-08: rgba(255, 255, 255, 0.08);
  --focus: #7db4ff;
  --danger: #b42318;
  --success: #067647;

  --font-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --wrap: 1240px;
  --gutter: clamp(20px, 4.2vw, 52px);
  --section-y: clamp(64px, 8vw, 112px);
  --radius: 2px;
  --shadow: 0 24px 60px rgba(9, 30, 55, 0.12);
  --header-h: 76px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}