/* Defaults */
:root {
    --bg-color: #f2f4f6;
    --loading-bar-color: #219d7c;
    --loading-bar-border: #219d7c;
    --logo: url('logo.png');
    --loading-bar-width: 500px;
  }

/* Light mode */
@media (prefers-color-scheme: light) {
    /* :root {
        --bg-color: #eee;
        --loading-bar-color: #ddd;
        --loading-bar-border: #ccc;
      } */
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    /* :root {
        --bg-color: #555;
        --loading-bar-color: #ddd;
        --loading-bar-border: #ccc;
      } */
}