:root {
  --gb__bg_h: #1d2021;
  --gb__bg:   #282828;
  --gb__bg_s: #32302f;
  --gb__bg1:  #3c3836;
  --gb__bg2:  #504945;
  --gb__bg3:  #665c54;
  --gb__bg4:  #7c6f64;

  --gb__fg:  #fbf1c7;
  --gb__fg1: #ebdbb2;
  --gb__fg2: #d5c4a1;
  --gb__fg3: #bdae93;
  --gb__fg4: #a89984;

  --gb__red:    #fb4934;
  --gb__green:  #b8bb26;
  --gb__yellow: #fabd2f;
  --gb__blue:   #83a598;
  --gb__purple: #d3869b;
  --gb__aqua:   #8ec07c;
  --gb__gray:   #928374;
  --gb__orange: #fe8019;

  --gb__red-dim:    #cc2412;
  --gb__green-dim:  #98971a;
  --gb__yellow-dim: #d79921;
  --gb__blue-dim:   #458588;
  --gb__purple-dim: #b16286;
  --gb__aqua-dim:   #689d6a;
  --gb__gray-dim:   #a89984;
  --gb__orange-dim: #d65d0e;
}

/* Normal Colors */
.gb__red {
  color: var(--gb__red);
}

.gb__green {
  color: var(--gb__green);
}

.gb__yellow {
  color: var(--gb__yellow);
}

.gb__blue {
  color: var(--gb__blue);
}

.gb__purple {
  color: var(--gb__purple);
}

.gb__aqua {
  color: var(--gb__aqua);
}

.gb__gray {
  color: var(--gb__gray);
}

.gb__orange {
  color: var(--gb__orange);
}

/* Dim Colors */
.gb__red-dim {
  color: var(--gb__red-dim);
}

.gb__green-dim {
  color: var(--gb__green-dim);
}

.gb__yellow-dim {
  color: var(--gb__yellow-dim);
}

.gb__blue-dim {
  color: var(--gb__blue-dim);
}

.gb__purple-dim {
  color: var(--gb__purple-dim);
}

.gb__aqua-dim {
  color: var(--gb__aqua-dim);
}

.gb__gray-dim {
  color: var(--gb__gray-dim);
}

.gb__orange-dim {
  color: var(--gb__orange-dim);
}

/* Foreground Colors */
.gb__fg {
  color: var(--gb__fg);
}

.gb__fg1 {
  color: var(--gb__fg1);
}

.gb__fg2 {
  color: var(--gb__fg2);
}

.gb__fg3 {
  color: var(--gb__fg3);
}

.gb__fg4 {
  color: var(--gb__fg4);
}

/* Background Colors */
.gb__bg-hard {
  color: var(--gb__bg_h);
}

.gb__bg {
  color: var(--gb__bg);
}

.gb__bg-soft {
  color: var(--gb__bg_s);
}

.gb__bg1 {
  color: var(--gb__bg1);
}

.gb__bg2 {
  color: var(--gb__bg2);
}

.gb__bg3 {
  color: var(--gb__bg3);
}

.gb__bg4 {
  color: var(--gb__bg4);
}