/* Themes: one set of colour variables per theme. The theme is picked with the selector (theme.js) and saved as cotw_theme;
   `data-theme` on <html> switches the set. Used by the panel AND the website. Add a theme by adding a block here and a line in theme.js. */
:root[data-theme='forest'] {
    --bg: #0e1411;
    --bg2: #121b16;
    --bg-deep: #0a0f0c;
    --card: #17211b;
    --card-2: #1e2b23;
    --card2: #1e2b23;
    --line: #2c3d33;
    --text: #e8f0ea;
    --muted: #8fa597;
    --accent: #6fcf8e;
    --accent-dark: #4fae70;
    --on-accent: #08150d;
    --accent-soft: rgba(111, 207, 142, 0.1);
    --glow: rgba(111, 207, 142, 0.1);
    --gold: #f5c518;
    --bad: #e5675c;
    --nav-bg: rgba(14, 20, 17, 0.9);
    --overlay: rgba(8, 12, 10, 0.97);
    --info-bg: #162033;
    --info-line: #2a3b5c;
    --info-text: #bcd0f5;
    --info-strong: #e5eeff;
    --warn-bg: #2a2410;
    --warn-line: #5c4d15;
    --warn-text: #f3dd91;
    --ok-bg: #1d2a1f;
    --ok-line: #36513c;
}

:root[data-theme='ember'] {
    --bg: #14100c;
    --bg2: #1a140f;
    --bg-deep: #0f0b08;
    --card: #1f1812;
    --card-2: #2a2018;
    --card2: #2a2018;
    --line: #43342a;
    --text: #f3ebe2;
    --muted: #a8957f;
    --accent: #ff8a3d;
    --accent-dark: #e0701f;
    --on-accent: #1c0f05;
    --accent-soft: rgba(255, 138, 61, 0.1);
    --glow: rgba(255, 138, 61, 0.1);
    --gold: #f5c518;
    --bad: #e5675c;
    --nav-bg: rgba(20, 16, 12, 0.9);
    --overlay: rgba(12, 9, 6, 0.97);
    --info-bg: #1a2433;
    --info-line: #34445f;
    --info-text: #c3d4f2;
    --info-strong: #e6efff;
    --warn-bg: #2e2410;
    --warn-line: #66501a;
    --warn-text: #f3dd91;
    --ok-bg: #2a2218;
    --ok-line: #5a4630;
}

:root[data-theme='ocean'] {
    --bg: #0d1320;
    --bg2: #101828;
    --bg-deep: #090e18;
    --card: #151e30;
    --card-2: #1c2840;
    --card2: #1c2840;
    --line: #2b3a57;
    --text: #e6ecf7;
    --muted: #8fa0bf;
    --accent: #5aa9ff;
    --accent-dark: #3b86d9;
    --on-accent: #06121f;
    --accent-soft: rgba(90, 169, 255, 0.1);
    --glow: rgba(90, 169, 255, 0.1);
    --gold: #f5c518;
    --bad: #e5675c;
    --nav-bg: rgba(13, 19, 32, 0.9);
    --overlay: rgba(7, 10, 18, 0.97);
    --info-bg: #162845;
    --info-line: #2e4a78;
    --info-text: #c3d6f7;
    --info-strong: #e8f0ff;
    --warn-bg: #2a2410;
    --warn-line: #5c4d15;
    --warn-text: #f3dd91;
    --ok-bg: #15263f;
    --ok-line: #2c4a73;
}

:root[data-theme='crimson'] {
    --bg: #140d0e;
    --bg2: #1a1012;
    --bg-deep: #0e0809;
    --card: #201416;
    --card-2: #2c1a1d;
    --card2: #2c1a1d;
    --line: #472c30;
    --text: #f5e9ea;
    --muted: #ad8f93;
    --accent: #ef5350;
    --accent-dark: #d03a37;
    --on-accent: #1f0807;
    --accent-soft: rgba(239, 83, 80, 0.1);
    --glow: rgba(239, 83, 80, 0.1);
    --gold: #f5c518;
    --bad: #ffb020;
    --nav-bg: rgba(20, 13, 14, 0.9);
    --overlay: rgba(12, 7, 8, 0.97);
    --info-bg: #1a2336;
    --info-line: #34425f;
    --info-text: #c3d2f0;
    --info-strong: #e6eeff;
    --warn-bg: #2e2410;
    --warn-line: #66501a;
    --warn-text: #f3dd91;
    --ok-bg: #2b1a1d;
    --ok-line: #5c3a3f;
}

:root[data-theme='blossom'] {
    --bg: #fff3f8;
    --bg2: #ffe9f2;
    --bg-deep: #ffe3ee;
    --card: #ffffff;
    --card-2: #ffeaf3;
    --card2: #ffeaf3;
    --line: #f4c6da;
    --text: #4b2a3a;
    --muted: #a0788a;
    --accent: #ff5fa2;
    --accent-dark: #e04388;
    --on-accent: #ffffff;
    --accent-soft: rgba(255, 95, 162, 0.12);
    --glow: rgba(255, 95, 162, 0.14);
    --gold: #ffb02e;
    --bad: #d6456b;
    --nav-bg: rgba(255, 243, 248, 0.92);
    --overlay: rgba(255, 240, 246, 0.97);
    --info-bg: #eaf1ff;
    --info-line: #bfd2f5;
    --info-text: #2f4a7d;
    --info-strong: #1f3a6b;
    --warn-bg: #fff3d6;
    --warn-line: #f0d38a;
    --warn-text: #7a5a10;
    --ok-bg: #ffeaf3;
    --ok-line: #f4b6d0;
}

:root[data-theme='jade'] {
    --bg: #0a1513;
    --bg2: #0e1c19;
    --bg-deep: #071110;
    --card: #112420;
    --card-2: #17312c;
    --card2: #17312c;
    --line: #25483f;
    --text: #e4f4ef;
    --muted: #85aaa0;
    --accent: #1fcfa0;
    --accent-dark: #12a67e;
    --on-accent: #04201a;
    --accent-soft: rgba(31, 207, 160, 0.1);
    --glow: rgba(31, 207, 160, 0.1);
    --gold: #f5c518;
    --bad: #e5675c;
    --nav-bg: rgba(10, 21, 19, 0.9);
    --overlay: rgba(6, 14, 12, 0.97);
    --info-bg: #142a3a;
    --info-line: #2c4f69;
    --info-text: #bcd9ee;
    --info-strong: #e3f1fb;
    --warn-bg: #2a2410;
    --warn-line: #5c4d15;
    --warn-text: #f3dd91;
    --ok-bg: #12302a;
    --ok-line: #2a5a4e;
}

:root[data-theme='babyblue'] {
    --bg: #f0f8ff;
    --bg2: #e6f3fd;
    --bg-deep: #dcedfb;
    --card: #ffffff;
    --card-2: #e9f5ff;
    --card2: #e9f5ff;
    --line: #c3dff5;
    --text: #1f3347;
    --muted: #6b87a0;
    --accent: #59b7f4;
    --accent-dark: #2f9be0;
    --on-accent: #06263d;
    --accent-soft: rgba(89, 183, 244, 0.14);
    --glow: rgba(89, 183, 244, 0.16);
    --gold: #f2b01e;
    --bad: #d6455d;
    --nav-bg: rgba(240, 248, 255, 0.92);
    --overlay: rgba(240, 248, 255, 0.97);
    --info-bg: #e1efff;
    --info-line: #b4d1f2;
    --info-text: #2b4f7c;
    --info-strong: #1b3a63;
    --warn-bg: #fff3d6;
    --warn-line: #f0d38a;
    --warn-text: #7a5a10;
    --ok-bg: #e3f4ff;
    --ok-line: #a9d6f2;
}

:root[data-theme='blossomnight'] {
    --bg: #17101a;
    --bg2: #1d1421;
    --bg-deep: #120b15;
    --card: #241a2a;
    --card-2: #2f2236;
    --card2: #2f2236;
    --line: #4a3552;
    --text: #f6e9f2;
    --muted: #b496a8;
    --accent: #ff9ccb;
    --accent-dark: #f27ab2;
    --on-accent: #3a0f26;
    --accent-soft: rgba(255, 156, 203, 0.12);
    --glow: rgba(255, 156, 203, 0.12);
    --gold: #f5c518;
    --bad: #ff7a8a;
    --nav-bg: rgba(23, 16, 26, 0.9);
    --overlay: rgba(14, 9, 16, 0.97);
    --info-bg: #1c2238;
    --info-line: #38426a;
    --info-text: #c9d3f5;
    --info-strong: #eef1ff;
    --warn-bg: #2a2410;
    --warn-line: #5c4d15;
    --warn-text: #f3dd91;
    --ok-bg: #2b1b2f;
    --ok-line: #5b3a63;
}

:root[data-theme='babynight'] {
    --bg: #0c1420;
    --bg2: #101a29;
    --bg-deep: #080f19;
    --card: #152234;
    --card-2: #1c2d44;
    --card2: #1c2d44;
    --line: #2f4663;
    --text: #e8f2fb;
    --muted: #8ea6bf;
    --accent: #8fd3ff;
    --accent-dark: #62bdf5;
    --on-accent: #06233a;
    --accent-soft: rgba(143, 211, 255, 0.12);
    --glow: rgba(143, 211, 255, 0.12);
    --gold: #f5c518;
    --bad: #ff7a8a;
    --nav-bg: rgba(12, 20, 32, 0.9);
    --overlay: rgba(7, 12, 20, 0.97);
    --info-bg: #17304a;
    --info-line: #2f5578;
    --info-text: #c4def5;
    --info-strong: #e8f4ff;
    --warn-bg: #2a2410;
    --warn-line: #5c4d15;
    --warn-text: #f3dd91;
    --ok-bg: #152a40;
    --ok-line: #2d5578;
}

:root[data-theme='blossom'] .btn.sell,
:root[data-theme='babyblue'] .btn.sell,
:root[data-theme='blossom'] .tag.err {
    color: #fff;
}