:root {
  --color-dark: #0c0e12;
  --color-light: #eff0f0;
  /*
  --color-dark: #050608;
  --color-light: #f7fafa;
  */
}

@media (prefers-color-scheme: dark) {
  :root {
    --mode-default: dark;
    --color-background-default: var('--color-dark');
    --color-foreground-default: var('--color-light');
    /* --color-background-default: var('--color-light');
    --color-foreground-default: var('--color-dark'); */
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --mode-default: light;
    --color-background-default: var('--color-light');
    --color-foreground-default: var('--color-dark');
  }
}