:root {
  --petrol: #003442;
  --petrol-deep: #002732;
  --petrol-mid: #0a4a5b;
  --petrol-soft: #e8eff1;
  --petrol-pale: #f4f8f8;
  --red: #de0e0b;
  --red-dark: #b60b08;
  --blue: #1779ba;
  --ink: #10272d;
  --ink-soft: #27444b;
  --muted: #5d747a;
  --muted-2: #7f9297;
  --line: #d7e1e2;
  --line-strong: #b9c9cb;
  --sand: #f2f5f4;
  --paper: #ffffff;
  --paper-2: #fafcfc;
  --ok: #1d6b4f;
  --warn: #8a4b00;
  --shadow: 0 18px 48px rgba(0, 42, 53, .1);
  --shadow-soft: 0 8px 24px rgba(0, 42, 53, .06);
  --radius: 3px;
  --radius-lg: 6px;
  --wrap: 1280px;
  --gutter: 32px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace;
  --header-h: 78px;
}