:root {
  --black: #070808;
  --dark: #0e0f10;
  --card: #141516;
  --card-h: #1a1b1d;
  --border: #1e2022;
  --border-h: #2a2c2f;
  --g1: #3a7d44;
  --g2: #4a9e56;
  --g3: #5cb868;
  --gg: rgba(74,158,86,.12);
  --w: #f2f2f4;
  --wd: #dddde0;
  --gr: #9198a1;
  --gl: #b0b5bc;
  --red: #d94452;
  --amber: #e8a831;
  --blue: #4a7fff;
  --pink: #e85d9c;
  --ff-d: 'Oswald', sans-serif;
  --ff-b: 'Source Sans 3', sans-serif;
  --ff-m: 'JetBrains Mono', monospace;
  --r: 12px;
  --rl: 20px;
  --max: 1200px;
  --px: clamp(1.25rem, 5vw, 5rem);
  /* Focus ring */
  --focus-ring: var(--g3);
  color-scheme: dark;
}