@media (prefers-color-scheme: light) {
  :root {
    /*Accent*/
    --color-primary: #8DBD6B;
    --color-primary-light: rgba(141, 189, 107, 0.16);
    --color-primary-dark: #3C6A1D;
    --color-secondary: #E16F3D;
    --color-secondary-light: rgba(225, 111, 61, 0.16);
    --color-secondary-dark: #A14010;

    /*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/table_soccer/img/logo-light_bg.svg");
    --cursor-width: 3px;
    --cursor-color: #202020;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    /*Accent*/
    --color-primary: #8DBD6B;
    --color-primary-light: rgba(141, 189, 107, 0.16);
    --color-primary-dark: #3C6A1D;
    --color-secondary: #E16F3D;
    --color-secondary-light: rgba(225, 111, 61, 0.16);
    --color-secondary-dark: #A14010;

    /*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/table_soccer/img/logo-powered_by-dark_bg.svg");
    --cursor-width: 3px;
    --cursor-color: #e5e5e5;
  }
}