/* Färgscheman. Ett schema = ett block med variabler, valt med <html data-farg="…">.
   Nytt schema: kopiera ett block, byt namn och värden, och lägg till det i UTSEENDE.farg
   i utseende.js. Resten av CSS:en använder bara variablerna. */

/* Shu & ai – vermiljon och indigo på washi-papper (standard) */
:root, [data-farg="shu-ai"] {
  --ai-text: var(--ai);     /* framhävd text och kanter (det spelaren skriver); ljusare i mörka scheman */
  --paper: #f6efe2;
  --paper-2: #efe4cf;
  --card: #fffaf1;
  --ink: #2a2623;
  --ink-soft: #6a6058;
  --line: #ddd0b8;
  --shu: #c73e2b;
  --shu-dark: #a8321f;
  --on-accent: #fff;
  --ai: #2f4b7c;
  --ai-light: #3d5d93;
  --gold: #c9a227;
  --chip-active: #fbe3dd;
  --choice-active: #e3e9f4;
  --hint-bg: #f8ead0;
  --hint-line: #e9cf9c;
  --good-bg: #e8f0dc;
  --good-line: #c4d9a8;
  --good-ink: #2f4a1a;
  --cheer-bg: #fff;
  --explain-bg: #eef1f8;
  --explain-line: #c9d3e8;
  --trail: #d9c59e;
  --overlay: rgba(42, 38, 35, .45);
  --shadow: rgba(0, 0, 0, .25);
  --wood: #6b4423;
  --wood-dark: #4a2e17;
  --soroban-bg: #f3e6cc;
  --bead: #8a5a33;
  --bead-active: #c73e2b;
  --maskot: #d63b2a;        /* darumans färg */
  --maskot-skugga: #a62a1c;
}

/* Sakura – körsbärsblom-rosa och plommon */
[data-farg="sakura"] {
  --paper: #fbf1f2;
  --paper-2: #f3dfe3;
  --card: #fffafa;
  --ink: #3a2630;
  --ink-soft: #7a5f6a;
  --line: #ecd2d8;
  --shu: #d4507a;
  --shu-dark: #b03a62;
  --on-accent: #fff;
  --ai: #6d3b5e;
  --ai-light: #82506f;
  --gold: #e0a43a;
  --chip-active: #fbe0e8;
  --choice-active: #f1e2ec;
  --hint-bg: #fdeef0;
  --hint-line: #f2c9d2;
  --good-bg: #ecf3e2;
  --good-line: #cde0b6;
  --good-ink: #36521f;
  --cheer-bg: #fff;
  --explain-bg: #f4eef6;
  --explain-line: #dccbe2;
  --trail: #ebc4cd;
  --overlay: rgba(58, 38, 48, .45);
  --shadow: rgba(0, 0, 0, .22);
  --wood: #7a4a52;
  --wood-dark: #56323a;
  --soroban-bg: #f8e6e9;
  --bead: #9c6070;
  --bead-active: #d4507a;
  --maskot: #e0577f;        /* rosa daruma */
  --maskot-skugga: #b13d61;
}

/* Matcha – grönt te och bambu */
[data-farg="matcha"] {
  --paper: #f1f0e2;
  --paper-2: #e3e3cc;
  --card: #fbfbf2;
  --ink: #26291f;
  --ink-soft: #5d6250;
  --line: #d3d6bd;
  --shu: #b9452f;
  --shu-dark: #973523;
  --on-accent: #fff;
  --ai: #3f5f3a;
  --ai-light: #4f7149;
  --gold: #c2a03a;
  --chip-active: #f3e2d9;
  --choice-active: #e2ebdc;
  --hint-bg: #f4ecd2;
  --hint-line: #e1d29f;
  --good-bg: #e2eed4;
  --good-line: #bcd59e;
  --good-ink: #2b4519;
  --cheer-bg: #fff;
  --explain-bg: #e9efe6;
  --explain-line: #c8d6c2;
  --trail: #c9cba2;
  --overlay: rgba(38, 41, 31, .45);
  --shadow: rgba(0, 0, 0, .22);
  --wood: #5e6b2e;
  --wood-dark: #3f4a1c;
  --soroban-bg: #eef0d8;
  --bead: #7d6a3a;
  --bead-active: #b9452f;
  --maskot: #c9432d;
  --maskot-skugga: #96301f;
}

/* Yoru – natt: mörkt, med lyktsken */
[data-farg="yoru"] {
  --ai-text: #9fb8ff;        /* indigo syns inte mot natt: ljusare blått för text och kanter */
  --paper: #1c2030;
  --paper-2: #151826;
  --card: #262b3e;
  --ink: #eef0f7;
  --ink-soft: #aab0c6;
  --line: #3a4058;
  --shu: #ef6a4f;
  --shu-dark: #c9503a;
  --on-accent: #fff;
  --ai: #10131f;
  --ai-light: #1e2337;
  --gold: #f0c75a;
  --chip-active: #4a2f33;
  --choice-active: #2d3756;
  --hint-bg: #3a3326;
  --hint-line: #5e5236;
  --good-bg: #253824;
  --good-line: #3d5a3a;
  --good-ink: #cfe8c2;
  --cheer-bg: #2b2233;
  --explain-bg: #262f48;
  --explain-line: #3b4870;
  --trail: #4a5070;
  --overlay: rgba(5, 6, 12, .6);
  --shadow: rgba(0, 0, 0, .5);
  --wood: #5a3a24;
  --wood-dark: #3a2414;
  --soroban-bg: #e8dcc2;
  --bead: #8a5a33;
  --bead-active: #ef6a4f;
  --maskot: #e04a35;
  --maskot-skugga: #a8321f;
}

/* ---- Färgscheman som låses upp med bälten (se "kraver" i utseende.js) ---- */

/* Momiji – höstens röda lönnlöv */
[data-farg="momiji"] {
  --paper: #f8eee2; --paper-2: #efdcc6; --card: #fffaf3; --ink: #33231a; --ink-soft: #745c4c; --line: #e2cdb5;
  --shu: #c8461f; --shu-dark: #a53716; --on-accent: #fff; --ai: #7a3418; --ai-light: #8f4422; --gold: #e0a32e;
  --chip-active: #f8dccb; --choice-active: #f2e0d0; --hint-bg: #fbe9d2; --hint-line: #ecc99a;
  --good-bg: #edf1da; --good-line: #cdd9a6; --good-ink: #3d4a17; --cheer-bg: #fff; --explain-bg: #f5ece4; --explain-line: #e2cfbd;
  --trail: #dfc29f; --overlay: rgba(51, 35, 26, .45); --shadow: rgba(0, 0, 0, .22);
  --wood: #6b3a1f; --wood-dark: #4a2612; --soroban-bg: #f6e4cc; --bead: #8a4d2b; --bead-active: #c8461f;
  --maskot: #d4502a; --maskot-skugga: #a13a19;
}

/* Fuji – himmelsblått och snö */
[data-farg="fuji"] {
  --paper: #eef3f8; --paper-2: #dde7f1; --card: #fbfdff; --ink: #1f2a36; --ink-soft: #5a6878; --line: #cfdbe7;
  --shu: #d0563f; --shu-dark: #ad4330; --on-accent: #fff; --ai: #2b5f8f; --ai-light: #3a72a6; --gold: #d9a93a;
  --chip-active: #f6e0db; --choice-active: #dce9f6; --hint-bg: #f7efdc; --hint-line: #e6d3a3;
  --good-bg: #e3f0e4; --good-line: #bcd9be; --good-ink: #23472a; --cheer-bg: #fff; --explain-bg: #e6eef7; --explain-line: #c3d4e8;
  --trail: #bccddf; --overlay: rgba(31, 42, 54, .45); --shadow: rgba(0, 0, 0, .2);
  --wood: #5c4a3a; --wood-dark: #3d3026; --soroban-bg: #f1ece2; --bead: #6f5a47; --bead-active: #d0563f;
  --maskot: #d84a35; --maskot-skugga: #a8361f;
}

/* Kin – guld, som det gyllene templet */
[data-farg="kin"] {
  --paper: #f7f0dc; --paper-2: #ecdfba; --card: #fffbef; --ink: #2b2414; --ink-soft: #6b5d3c; --line: #e3d29f;
  --shu: #b5362a; --shu-dark: #922a20; --on-accent: #fff; --ai: #2b2414; --ai-light: #4a3d1e; --gold: #d4a82a;
  --chip-active: #f5dccd; --choice-active: #f1e5bf; --hint-bg: #f9ebc4; --hint-line: #e6cd84;
  --good-bg: #ecf0d6; --good-line: #cfd89e; --good-ink: #3b4416; --cheer-bg: #fffdf4; --explain-bg: #f3ecd9; --explain-line: #e0d1a6;
  --trail: #d9c07a; --overlay: rgba(43, 36, 20, .5); --shadow: rgba(0, 0, 0, .25);
  --wood: #8a6a1e; --wood-dark: #5e4612; --soroban-bg: #f6e8bd; --bead: #b8891a; --bead-active: #b5362a;
  --maskot: #d4a82a; --maskot-skugga: #a07c16;   /* gyllene daruma */
}

/* Sumi – svart tusch på papper, med en röd stämpel (hanko) */
[data-farg="sumi"] {
  --paper: #f4f2ec; --paper-2: #e6e3da; --card: #fcfbf8; --ink: #161616; --ink-soft: #5b5954; --line: #d6d3ca;
  --shu: #b32d22; --shu-dark: #8f231b; --on-accent: #fff; --ai: #1d1d1d; --ai-light: #333; --gold: #9b8a5a;
  --chip-active: #ecdcd8; --choice-active: #e4e2dc; --hint-bg: #eeebe3; --hint-line: #d2cdc0;
  --good-bg: #e6e9e0; --good-line: #c4cab9; --good-ink: #2b3123; --cheer-bg: #fff; --explain-bg: #ebeae6; --explain-line: #cfcdc6;
  --trail: #bdb9ae; --overlay: rgba(22, 22, 22, .5); --shadow: rgba(0, 0, 0, .3);
  --wood: #2a2a2a; --wood-dark: #111; --soroban-bg: #ece9e1; --bead: #3d3d3d; --bead-active: #b32d22;
  --maskot: #2a2a2a; --maskot-skugga: #111;      /* svart daruma */
}