natenom-websites/scss/import/colors.scss

$blog_body-bg: rgb(33, 39, 48);
$blog_body-bg-light: rgb(37, 45, 57);

// nom == natenom
$nom-blue: rgb(70, 136, 222); // #4588de
$nom-blue-dark: rgb(50, 116, 202);
$nom-blue-light: rgb(110, 176, 255); // #6db0ff
$grey: rgb(155, 155, 170);
$grey-light: rgb(175, 175, 190);
$white: rgb(255, 255, 255);


:root {
  --background: rgb(33, 39, 48);
  --background-contrast: rgb(37, 45, 57);
  --border: rgb(68, 93, 130);
  --text: rgb(255, 255, 255);
  --text-dark: rgb(50, 50, 30);
  --link: var(--nom-blue-light);
  --nom-blue: rgb(70, 136, 222); // #4588de
  --nom-blue-dark: rgb(50, 116, 202);
  --nom-blue-light: rgb(110, 176, 255); // #6db0ff
  --nom-blue-text: rgb(255, 255, 255);
  --yellow: rgb(255, 247, 159);
  --yellow-text: rgb(50, 50, 30);
  --grey: rgb(209, 215, 223);
  --grey-text: rgb(50, 50, 30);
  --green: rgb(214, 239, 194);
  --green-text: rgb(50, 50, 30);
  --invert-dark: invert(100%);
  --invert-light: invert(0%);
  --box-shadow: none;
}

@media (prefers-color-scheme: light) {
  :root {
    --background: rgb(255, 255, 255);
    --background-contrast: rgb(245, 245, 245);
    --text: rgb(50, 50, 30);
    --link: var(--nom-blue);
    --invert-dark: invert(0%);
    --invert-light: invert(100%);
    --box-shadow: 0 0 .5em #999;
  }
}