@media (prefers-color-scheme: light) {
  :root {
    /*Accent*/
    --color-primary: rgb(233, 30, 99);
    --color-primary-light: rgba(233, 30, 99, 0.16);
    --color-secondary: rgb(0, 150, 136);
    --color-secondary-light: rgba(0, 150, 136, 0.16);

    /*Backgrounds*/
    --color-bg-header: #FFFFFD;
    --color-bg-default: #FAFAFA;
    --color-bg-muted: #FAFAFD;
    --color-bg-cards: #FFFFFF;
    --color-bg-on-cards: #ECECEC;
    --color-bg-nav-drawer: #1B1B1B;

    /*Foregrounds*/
    --color-fg-default: #202020;
    --color-fg-muted: #6F6F6F;
    --color-fg-muted-light: rgba(111, 111, 110, 0.16);
    --color-fg-emphasis: #FFFFFF;
    --color-fg-lines: #CECECE;
    --color-fg-lines-on-bg: #CECECE;

    /*Modes*/
    --color-mode-swiss: #e53935;
    --color-mode-monster_dyp: #fbc02d;
    --color-mode-last_man_standing: #9c27b0;
    --color-mode-round_robin: #00b8d4;
    --color-mode-rounds: #42a5f5;
    --color-mode-elimination: #8dbb5e;
    --color-mode-double_elimination: #26a69a;
    --color-mode-whist: #ff5722;

    --img-powered-by: url("/sports/tabletennis/img/logo-powered_by-light_bg.svg");
    --cursor-width: 3px;
    --cursor-color: #202020;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    /*Accent*/
    --color-primary: rgb(233, 30, 99);
    --color-primary-light: rgba(233, 30, 99, 0.16);
    --color-secondary: rgb(0, 150, 136);
    --color-secondary-light: rgba(0, 150, 136, 0.16);

    /*Backgrounds*/
    --color-bg-header: #1f1f1f;
    --color-bg-default: #121212;
    --color-bg-muted: #121212;
    --color-bg-cards: #1e1e1e;
    --color-bg-on-cards: #2d2d2d;
    --color-bg-nav-drawer: #1B1B1B;

    /*Foregrounds*/
    --color-fg-default: #e5e5e5;
    --color-fg-muted: #6F6F6F;
    --color-fg-muted-light: rgba(111, 111, 110, 0.16);
    --color-fg-emphasis: #FFFFFF;
    --color-fg-lines: #121212;
    --color-fg-lines-on-bg: #1e1e1e;

    /*Modes*/
    --color-mode-swiss: #e53935;
    --color-mode-monster_dyp: #fbc02d;
    --color-mode-last_man_standing: #9c27b0;
    --color-mode-round_robin: #00b8d4;
    --color-mode-rounds: #42a5f5;
    --color-mode-elimination: #8dbb5e;
    --color-mode-double_elimination: #26a69a;
    --color-mode-whist: #ff5722;

    --img-powered-by: url("/sports/tabletennis/img/logo-powered_by-dark_bg.svg");
    --cursor-width: 3px;
    --cursor-color: #e5e5e5;
  }
}