:root {
  --bg: #0B0B0C;
  --bg-2: #101013;
  --surface: #151517;
  --surface-2: #1E1E22;
  --line: #2A2A2F;
  --line-2: #3A3A41;
  --red: #D7202A;
  --red-deep: #9E151C;
  --red-glow: rgba(215, 32, 42, .35);
  --white: #F4F2EE;
  --ink: #E9E6E0;
  --muted: #9A9AA3;
  --muted-2: #6E6E78;
  --ok: #3DD68C;
  --ok-deep: #1F8F5A;
  --warn: #F5B52B;
  --danger: #FF4D57;
  --wa: #25D366;
  --wa-deep: #1BA557;
  --font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --radius: 10px;
  --radius-sm: 6px;
  --tap: 48px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
  --nav-h: 64px;
  --maxw: 1100px;
  color-scheme: dark;
}