/* Темы оформления. Вёрстка использует только эти переменные.
   Новая тема — это блок здесь, папка wwwroot/img/themes/<id>/ и запись в ThemeCatalog. */

:root {
  --font-display: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-body: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}

:root[data-theme="meadow"] {
  color-scheme: light;
  --bg: #e6e9df; --surface: #fafbf6; --surface-2: #e3e7dc; --ink: #1c2118; --muted: #4b5546; --link: #2a6a1c;
  --edge: #2a3026; --hi: rgb(255 255 255 / .85); --lo: rgb(0 0 0 / .16);
  --slot: #8b8f86; --slot-hi: #c9ccc3; --slot-lo: #55594f;
  --accent: #37782a; --accent-ink: #ffffff; --accent-soft: #dcebd2; --accent-text: #2a6a1c;
  --btn: #c6c9bf; --btn-ink: #1c2118;
  --gold: #e8b52e; --badge-ink: #2a1f00; --newbie: #bfe3a8; --newbie-ink: #17310c;
  --red: #b23a32; --on-red: #ffffff; --good: #3f8a2c; --bad: #b23a32;
  --xp-1: #b6f25e; --xp-2: #5fae24; --xp-bg: #26301d;
  --mark: #ffe46b; --mark-ink: #1c2118;
  --tip-bg: #1b1022; --tip-edge: #4b1f86; --tip-ink: #f1ecf7; --tip-muted: #c6bbd4; --tip-outer: #050208;
  --shadow: rgb(0 0 0 / .22); --focus: #8a3f00;
  --brand-ink: #ffffff; --brand-shadow: #1f3614; --menu-ink: #ffffff; --menu-on: #fff7c2;
  --top-color: #3f7a26; --top-tex: url("/img/themes/meadow/top.png");
  --edge-color: #6e4628; --edge-tex: url("/img/themes/meadow/edge.png");
  --noise: url("/img/themes/meadow/noise.png");
  --chart-bar: #3f8a2c; --chart-sel: #1c2118; --chart-down: #b23a32; --chart-grid: #d3d8ca;
  --field-edge: #2a3026;
}

:root[data-theme="mine"] {
  color-scheme: dark;
  --bg: #15181b; --surface: #1f2327; --surface-2: #292e33; --ink: #e7eadf; --muted: #b0b8a8; --link: #93d86c;
  --edge: #07090a; --hi: rgb(255 255 255 / .08); --lo: rgb(0 0 0 / .45);
  --slot: #121417; --slot-hi: #3a4046; --slot-lo: #000000;
  --accent: #6fbe45; --accent-ink: #0d1a08; --accent-soft: #24331d; --accent-text: #93d86c;
  --btn: #3a4045; --btn-ink: #e7eadf;
  --gold: #e8b52e; --badge-ink: #2a1f00; --newbie: #2f5a22; --newbie-ink: #e4f6d8;
  --red: #c4483f; --on-red: #ffffff; --good: #6fbe45; --bad: #e0675d;
  --xp-1: #b6f25e; --xp-2: #5fae24; --xp-bg: #0d1109;
  --mark: #7a6516; --mark-ink: #fff8d8;
  --tip-bg: #1b1022; --tip-edge: #6b35b5; --tip-ink: #f1ecf7; --tip-muted: #c6bbd4; --tip-outer: #050208;
  --shadow: rgb(0 0 0 / .6); --focus: #f4c94a;
  --brand-ink: #f3f5ee; --brand-shadow: #000000; --menu-ink: #f3f5ee; --menu-on: #ffe9a8;
  --top-color: #3a3f44; --top-tex: url("/img/themes/mine/top.png");
  --edge-color: #24282c; --edge-tex: url("/img/themes/mine/edge.png");
  --noise: url("/img/themes/mine/noise.png");
  --chart-bar: #6fbe45; --chart-sel: #f4c94a; --chart-down: #e0675d; --chart-grid: #30363c;
  --field-edge: #7d868f;
}

:root[data-theme="desert"] {
  color-scheme: light;
  --bg: #f1e6cd; --surface: #fdf8ea; --surface-2: #f0e3c6; --ink: #2b2010; --muted: #5d4d33; --link: #7a3d00;
  --edge: #4a331a; --hi: rgb(255 255 255 / .8); --lo: rgb(70 40 0 / .18);
  --slot: #a4906a; --slot-hi: #dac9a4; --slot-lo: #6a5635;
  --accent: #a14c12; --accent-ink: #ffffff; --accent-soft: #f6dcbb; --accent-text: #8a3f0b;
  --btn: #dcc79a; --btn-ink: #2b2010;
  --gold: #e8b52e; --badge-ink: #2a1f00; --newbie: #cfe0a4; --newbie-ink: #27330b;
  --red: #a8322a; --on-red: #ffffff; --good: #5f7f1d; --bad: #a8322a;
  --xp-1: #f6cf63; --xp-2: #c9841f; --xp-bg: #3a2810;
  --mark: #ffd96b; --mark-ink: #2b2010;
  --tip-bg: #2d1a08; --tip-edge: #a0651c; --tip-ink: #fbf0dc; --tip-muted: #e0cba6; --tip-outer: #120901;
  --shadow: rgb(70 40 0 / .25); --focus: #7a1f6b;
  --brand-ink: #2c1a06; --brand-shadow: #f7e7bd; --menu-ink: #2c1a06; --menu-on: #7f1d00;
  --top-color: #e3c47d; --top-tex: url("/img/themes/desert/top.png");
  --edge-color: #b9793f; --edge-tex: url("/img/themes/desert/edge.png");
  --noise: url("/img/themes/desert/noise.png");
  --chart-bar: #b0651f; --chart-sel: #2b2010; --chart-down: #a8322a; --chart-grid: #e6d7b6;
  --field-edge: #4a331a;
}

:root[data-theme="snow"] {
  color-scheme: light;
  --bg: #e4ecf3; --surface: #f9fcff; --surface-2: #dfe8f0; --ink: #16222e; --muted: #455767; --link: #1c5a91;
  --edge: #27394a; --hi: rgb(255 255 255 / .9); --lo: rgb(10 40 70 / .16);
  --slot: #8496a7; --slot-hi: #c6d3df; --slot-lo: #4c5f71;
  --accent: #23689f; --accent-ink: #ffffff; --accent-soft: #d3e6f6; --accent-text: #1c5a91;
  --btn: #c5d3df; --btn-ink: #16222e;
  --gold: #eebc38; --badge-ink: #2a1f00; --newbie: #bfe4cf; --newbie-ink: #0f3323;
  --red: #b0353d; --on-red: #ffffff; --good: #24795a; --bad: #b0353d;
  --xp-1: #9ad8ff; --xp-2: #3f93d4; --xp-bg: #1a2a3a;
  --mark: #ffe680; --mark-ink: #16222e;
  --tip-bg: #12233a; --tip-edge: #3a78b5; --tip-ink: #eaf3fb; --tip-muted: #bdd0e2; --tip-outer: #050b14;
  --shadow: rgb(10 40 70 / .22); --focus: #8a2a7a;
  --brand-ink: #14283b; --brand-shadow: #ffffff; --menu-ink: #14283b; --menu-on: #7c1d54;
  --top-color: #eef5fb; --top-tex: url("/img/themes/snow/top.png");
  --edge-color: #6f8294; --edge-tex: url("/img/themes/snow/edge.png");
  --noise: url("/img/themes/snow/noise.png");
  --chart-bar: #2f7cb8; --chart-sel: #16222e; --chart-down: #b0353d; --chart-grid: #d3dfe9;
  --field-edge: #27394a;
}

:root[data-theme="ocean"] {
  color-scheme: dark;
  --bg: #0b2233; --surface: #123044; --surface-2: #1a3f57; --ink: #e6f3f8; --muted: #b3cfdd; --link: #8fdcf2;
  --edge: #031019; --hi: rgb(255 255 255 / .09); --lo: rgb(0 0 0 / .42);
  --slot: #0a1e2c; --slot-hi: #2f566d; --slot-lo: #000810;
  --accent: #4cc3d9; --accent-ink: #04202b; --accent-soft: #1b4a5c; --accent-text: #8fdcf2;
  --btn: #27536c; --btn-ink: #e6f3f8;
  --gold: #e8c04a; --badge-ink: #2a1f00; --newbie: #1f6152; --newbie-ink: #dcf8ef;
  --red: #c74a55; --on-red: #ffffff; --good: #5fd0a4; --bad: #f08a8f;
  --xp-1: #a4f0ff; --xp-2: #2fb3d1; --xp-bg: #04141f;
  --mark: #806a17; --mark-ink: #fff9dc;
  --tip-bg: #04202b; --tip-edge: #2f90aa; --tip-ink: #e6f3f8; --tip-muted: #b3cfdd; --tip-outer: #010a10;
  --shadow: rgb(0 0 0 / .55); --focus: #ffd86b;
  --brand-ink: #ffffff; --brand-shadow: #04202b; --menu-ink: #ffffff; --menu-on: #fff0c0;
  --top-color: #1b6488; --top-tex: url("/img/themes/ocean/top.png");
  --edge-color: #d9c188; --edge-tex: url("/img/themes/ocean/edge.png");
  --noise: url("/img/themes/ocean/noise.png");
  --chart-bar: #4cc3d9; --chart-sel: #ffd86b; --chart-down: #f08a8f; --chart-grid: #234b62;
  --field-edge: #6f97ad;
}