:root {
  --bg: hsla(240, 4.76%, 4.12%, 1);
  --black: hsla(0, 0%, 0%, 1);
  --surface: hsla(0, 0%, 3.92%, 1);
  --surface-bar: hsla(240, 5.88%, 6.67%, 1);
  --surface-row: hsla(240, 7.69%, 5.1%, 1);
  --panel: hsla(240, 5.26%, 7.45%, 1);
  --dot: hsla(240, 4.35%, 18.04%, 1);
  --nav-bg: hsla(240, 4.76%, 4.12%, 0.74);
  --ink: hsla(240, 4.35%, 95.49%, 1);
  --ink-2: hsla(240, 4.35%, 95.49%, 0.6);
  --ink-3: hsla(240, 4.35%, 95.49%, 0.38);
  --rule: hsla(240, 4.35%, 95.49%, 0.13);
  --rule-2: hsla(240, 4.35%, 95.49%, 0.26);
  --wash: hsla(0, 0%, 100%, 0.05);
}