/*
 * theme.css — единственное место с числами палитр (TZ_ART §2).
 * Размеры и скругления — в game.css, цвета — только здесь.
 *
 * 6-й цвет нужен сеткам 6×6 (уровни 51+): подобран в тон палитре мира.
 */

:root {
  /* --- cats (по умолчанию) --- */
  --bg: #FCF3E9;
  --panel: #FFFFFF;
  --ink: #5B4438;
  --muted: rgba(91, 68, 56, .62);
  --c1: #F58CA8;
  --c2: #FFC46B;
  --c3: #9FD8E0;
  --c4: #BFA9DE;
  --c5: #C9B27A;
  --c6: #A9D2A2;
  --accent: #F58CA8;
  --accent-ink: #FFFFFF;
  --heart: #F4574E;
  --highlight: #FFE07A;
  --line: rgba(91, 68, 56, .18);
  --shadow: 0 10px 30px rgba(91, 68, 56, .12);
  --sheet: rgba(91, 68, 56, .38);

  /* --- геометрия (TZ_ART §3) --- */
  --r-card: 24px;
  --r-tile: 14px;
  --r-chip: 999px;
  --gap: 10px;
  --tap: 44px;
  --max-w: 480px;
  --anim: 220ms;

  --font: "Baloo 2", "Nunito", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* Миры: переключение одной строкой на <body data-world="..."> */
body[data-world="axolotls"] {
  --bg: #EFF8FA;
  --panel: #FFFFFF;
  --ink: #2F5A66;
  --muted: rgba(47, 90, 102, .62);
  --c1: #FFB3C8;
  --c2: #A8E0E8;
  --c3: #C9B7F0;
  --c4: #FFD98E;
  --c5: #9FE0C0;
  --c6: #BFD9F2;
  --accent: #FF9EB8;
  --accent-ink: #FFFFFF;
  --heart: #F4574E;
  --highlight: #FFE9A8;
  --line: rgba(47, 90, 102, .18);
  --shadow: 0 10px 30px rgba(47, 90, 102, .12);
  --sheet: rgba(47, 90, 102, .38);
}

body[data-world="mushrooms"] {
  --bg: #EFF4E8;
  --panel: #FFFFFF;
  --ink: #3E4636;
  --muted: rgba(62, 70, 54, .62);
  --c1: #D98C6A;
  --c2: #A9C48D;
  --c3: #F0D9A8;
  --c4: #8FB3B0;
  --c5: #C2A98F;
  --c6: #C9B6D8;
  --accent: #7FA765;
  --accent-ink: #FFFFFF;
  --heart: #F4574E;
  --highlight: #FFE9A8;
  --line: rgba(62, 70, 54, .2);
  --shadow: 0 10px 30px rgba(62, 70, 54, .12);
  --sheet: rgba(62, 70, 54, .38);
}

body[data-world="monsters"] {
  --bg: #1E1B3A;
  --panel: #2E2A52;
  --ink: #F2EEFF;
  --muted: rgba(242, 238, 255, .64);
  --c1: #7C5CFF;
  --c2: #FF6FB5;
  --c3: #4DE0C8;
  --c4: #FFD166;
  --c5: #FF8A5C;
  --c6: #8FE36B;
  --accent: #7C5CFF;
  --accent-ink: #FFFFFF;
  --heart: #FF6B6B;
  --highlight: #FFE07A;
  --line: rgba(0, 0, 0, .30);
  --shadow: 0 12px 34px rgba(0, 0, 0, .38);
  --sheet: rgba(12, 10, 28, .62);
}

body[data-world="capybaras"] {
  --bg: #FBF1E4;
  --panel: #FFFFFF;
  --ink: #4A3A2E;
  --muted: rgba(74, 58, 46, .62);
  --c1: #E0A458;
  --c2: #8CC084;
  --c3: #A8C8E0;
  --c4: #F0DCC0;
  --c5: #B79AD6;
  --c6: #E3A6A0;
  --accent: #8CC084;
  --accent-ink: #2F3A2A;
  --heart: #F4574E;
  --highlight: #FFE07A;
  --line: rgba(74, 58, 46, .18);
  --shadow: 0 10px 30px rgba(74, 58, 46, .12);
  --sheet: rgba(74, 58, 46, .38);
}

body[data-world="penguins"] {
  --bg: #F2FAFF;
  --panel: #FFFFFF;
  --ink: #22425A;
  --muted: rgba(34, 66, 90, .62);
  --c1: #6FB8DC;
  --c2: #B8E3F0;
  --c3: #F2E4C4;
  --c4: #C9A6D8;
  --c5: #7FD1B9;
  --c6: #F0A868;
  --accent: #5AA9D6;
  --accent-ink: #FFFFFF;
  --heart: #F4574E;
  --highlight: #FFE9A8;
  --line: rgba(34, 66, 90, .18);
  --shadow: 0 10px 30px rgba(34, 66, 90, .12);
  --sheet: rgba(24, 48, 66, .42);
}


/* --------------------- палитра миров в настройках --------------------- */
.theme-dot[data-world="cats"] { background: #F58CA8; }
.theme-dot[data-world="axolotls"] { background: #FF9EB8; }
.theme-dot[data-world="mushrooms"] { background: #7FA765; }
.theme-dot[data-world="monsters"] { background: #7C5CFF; }
.theme-dot[data-world="capybaras"] { background: #8CC084; }
.theme-dot[data-world="penguins"] { background: #5AA9D6; }