/* colors : dark mode ( default ) */
:root {
    --bg                : #181a1b;
    --fg                : #e8e6e3;

    --card-fg           : white;
    --card-header-fg    : white;
    --icon-text-fg      : black;

    --machineCult-fg    : red;
    --tradeFederation-fg: blue;
    --starEmpire-fg     : yellow;
    --blob-fg           : green;

    --combat            : red;
    --trade             : #FFCE07;
    --authority         : #22D822;

    --card-bg           : black;

    --machineCult-bg    : #911D1D;
    --tradeFederation-bg: #103F7F;
    --starEmpire-bg     : #BEA300;
    --blob-bg           : #537D45;
    --scrap-bg          : #888888;

    --mission-bg        : #BEA300;
    --event-bg          : #BEA300;
    --gambit-bg         : #7D1CA6;
    --unaligned-bg      : #484E51;

    --player-bg         : #315B4F;
    --opponent-bg       : #77592D;
    --player-fg         : rgba(232, 230, 227, 0.3);

    --lobby-bg          : #6666;
    --lobby-users-bg    : rgba(49, 93, 82, 0.5);
    --overlay-bg        : rgba(24, 26, 27, 0.5);
    --game-page-bg      : rgba(33, 36, 37, 0.8);
}

/* colors : light mode */
@media (prefers-color-scheme: light) {
  :root {
    --bg                : white;
    --fg                : black;

    --card-fg           : black;
    --card-header-fg    : white;
    --icon-text-fg      : black;

    --machineCult-fg    : red;
    --tradeFederation-fg: blue;
    --starEmpire-fg     : yellow;
    --blob-fg           : green;

    --combat            : red;
    --trade             : #FFCE07;
    --authority         : #22D822;

    --card-bg           : #EEEEF0;

    --machineCult-bg    : #DD5555;
    --tradeFederation-bg: #77AAEE;
    --starEmpire-bg     : #EECC00;
    --blob-bg           : #66AA66;
    --scrap-bg          : #888888;

    --mission-bg        : #EECC00;
    --event-bg          : #EECC00;
    --gambit-bg         : #aa33dd;
    --unaligned-bg      : #AAAAAA;

    --player-bg         : #9FCBBB;
    --opponent-bg       : #CCAA77;
    --player-fg         : rgba(0,0,0,0.3);

    --lobby-bg          : rgba(240,240,238,0.8);
    --lobby-users-bg    : background-color: rgba(156, 203, 187, 0.5);
    --overlay-bg        : rgba(255,255,255,0.5);
    --game-page-bg      : rgba(240,240,238,0.8);
  }
}