$bg-0: #212A37;

$bg-1: lighten($bg-0, 5%);
$bg-2: lighten($bg-1, 10%);

:root.dark {
  --meta-color: #92A3A0;

  --bg-0: #{$bg-0};
  --bg-1: #{$bg-1};
  --bg-2: #{$bg-2};

  --text-0: #EFEBEA;

  --primary-color: #BD7A52;
}

.meta {
  color: var(--meta-color);
}
time {
  color: var(--meta-color);
}

$bg-0-light: #F5F4F2;

$bg-1-light: darken($bg-0-light, 2%);
$bg-2-light: darken($bg-1-light, 8%);

:root.light {
  --meta-color: #5A6160;

  --bg-0: #{$bg-0-light};
  --bg-1: #{$bg-1-light};
  --bg-2: #{$bg-2-light};

  --text-0: #2A2624;

  --primary-color: #BD7A52;
}
