:root {
  --blue: #1565d8;
  --blue-deep: #0b3d91;
  --pin: #346ebf;
  --deep: #0a2540;
  --cyan: #00c2ff;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface2: #f2f6fb;
  --surface3: #edf1f4;
  --line: rgba(10, 37, 64, 0.1);
  --text: #0e1726;
  --muted: #5b6b82;
  --cmp-head: #8299b3;
  --cmp-head-deep: #5b718a;
  --cmp-feat: #d5e4f2;
  --cmp-line-x: #b0b0b0;
  --cmp-line: #ced0d2;
  --cmp-line-feat: #c2cad1;
  --cmp-check: #2a82e4;
  --r-sm: 6px;
  --r-md: 8px;
  --r-pill: 999px;
  --hairline-line: rgba(10, 37, 64, 0.08);
  --hairline: rgba(10, 37, 64, 0.12);
  --sh-rest: 0 1px 2px rgba(10, 37, 64, 0.04);
  --sp-block: 32px;
  --maxw: 1440px;
  --deep-03: rgba(10, 37, 64, 0.03);
  --deep-04: rgba(10, 37, 64, 0.04);
  --deep-05: rgba(10, 37, 64, 0.05);
  --deep-055: rgba(10, 37, 64, 0.055);
  --deep-06: rgba(10, 37, 64, 0.06);
  --deep-12: rgba(10, 37, 64, 0.12);
  --deep-16: rgba(10, 37, 64, 0.16);
  --deep-18: rgba(10, 37, 64, 0.18);
  --deep-45: rgba(10, 37, 64, 0.45);
  --blue-00: rgba(21, 101, 216, 0);
  --blue-04: rgba(21, 101, 216, 0.04);
  --blue-07: rgba(21, 101, 216, 0.07);
  --blue-08: rgba(21, 101, 216, 0.08);
  --blue-12: rgba(21, 101, 216, 0.12);
  --blue-18: rgba(21, 101, 216, 0.18);
  --blue-20: rgba(21, 101, 216, 0.2);
  --blue-30: rgba(21, 101, 216, 0.3);
  --blue-35: rgba(21, 101, 216, 0.35);
  --blue-45: rgba(21, 101, 216, 0.45);
  --cyan-10: rgba(0, 194, 255, 0.1);
  --cyan-22: rgba(0, 194, 255, 0.22);
  --cyan2-10: rgba(62, 168, 212, 0.1);
  --cyan2-16: rgba(62, 168, 212, 0.16);
  --cyan2-50: rgba(62, 168, 212, 0.5);
}

@media (max-width: 900px) {
  :root {
    --fs-h1: 22px;
    --fs-h2: 19px;
    --fs-h3: 15px;
    --fs-body: 12.5px;
    --fs-spec: 11.5px;
    --fs-cap: 10.5px;
  }
}