:root {
  --bg: hsla(0, 0%, 3.92%, 1);
  --bg-elevated: hsla(0, 0%, 7.06%, 1);
  --bg-card: hsla(0, 0%, 9.41%, 1);
  --fg: hsla(0, 0%, 98.04%, 1);
  --fg-muted: hsla(0, 0%, 65.88%, 1);
  --fg-subtle: hsla(0, 0%, 46.67%, 1);
  --accent: hsla(41.79, 62.77%, 54.71%, 1);
  --accent-hover: hsla(40.33, 72.62%, 67.06%, 1);
  --accent-dim: hsla(41.79, 62.77%, 54.71%, 0.15);
  --border: hsla(0, 0%, 16.47%, 1);
  --border-light: hsla(0, 0%, 22.75%, 1);
  --overlay: hsla(0, 0%, 0%, 0.55);
  --overlay-strong: hsla(0, 0%, 0%, 0.75);
  --accent-deep: hsla(25.91, 83.02%, 41.57%, 1);
  --accent-soft: hsla(27.69, 86.67%, 94.12%, 1);
  --head: hsla(218.26, 52.67%, 25.69%, 1);
  --body: hsla(217.5, 16.44%, 28.63%, 1);
  --muted: hsla(218.18, 9.02%, 52.16%, 1);
  --line: hsla(216.52, 43.4%, 89.61%, 1);
  --paper: hsla(0, 0%, 100%, 1);
  --paper-tint: hsla(216, 38.46%, 97.45%, 1);
  --footer: hsla(218.18, 13.58%, 15.88%, 1);
  --on-dark: hsla(216, 23.81%, 95.88%, 1);
  --on-dark-muted: hsla(216.67, 11.25%, 68.63%, 1);
}