/* ============ Player-selectable visual themes ============ */

/* Clean Light (default) */
body[data-theme="clean"] {
  --bg: #f4f5f7;
  --panel: #ffffff;
  --hover: #f0f2f5;
  --line: #e2e5ea;
  --ink: #1c2230;
  --ink-soft: #6b7382;
  --accent: #3d6ef7;
  --accent-ink: #ffffff;
  --good: #1e9e54;
  --bad: #d93b3b;
  --warn: #d99a00;
  --c-happy: #f5b942;
  --c-pop: #f75590;
  --c-heart: #f75590;
  --phone-bg: #fbfbfd;
  --radius: 14px;
  --app-shadow: 0 0 30px rgba(20, 30, 60, .08);
}

/* Midnight */
body[data-theme="midnight"] {
  --bg: #11141c;
  --panel: #1a1f2b;
  --hover: #232a3a;
  --line: #2c3447;
  --ink: #e8ebf2;
  --ink-soft: #8d96ab;
  --accent: #5b8cff;
  --accent-ink: #ffffff;
  --good: #3ecf76;
  --bad: #ff5c5c;
  --warn: #ffc14d;
  --c-happy: #ffc14d;
  --c-pop: #ff6ba9;
  --c-heart: #ff6ba9;
  --phone-bg: #151926;
  --radius: 14px;
  --app-shadow: 0 0 36px rgba(0, 0, 0, .5);
}

/* Vapor (retro mall energy) */
body[data-theme="vapor"] {
  --bg: #1b1035;
  --panel: #261748;
  --hover: #321f5c;
  --line: #43307a;
  --ink: #f3eaff;
  --ink-soft: #a995d6;
  --accent: #ff4fd8;
  --accent-ink: #ffffff;
  --good: #45e8b0;
  --bad: #ff5470;
  --warn: #ffd166;
  --c-happy: #ffd166;
  --c-pop: #45c7ff;
  --c-heart: #ff4fd8;
  --phone-bg: #20133e;
  --radius: 16px;
  --app-shadow: 0 0 40px rgba(255, 79, 216, .15);
}

/* Notebook (composition book doodle vibe) */
body[data-theme="notebook"] {
  --font: "Comic Sans MS", "Segoe Print", "Bradley Hand", cursive, sans-serif;
  --bg: #fbf7ec;
  --panel: #fffdf5;
  --hover: #f5efdd;
  --line: #d8cfb4;
  --ink: #2f2a1e;
  --ink-soft: #847a5e;
  --accent: #2e6fd8;
  --accent-ink: #ffffff;
  --good: #2d8a4e;
  --bad: #c43d3d;
  --warn: #b8860b;
  --c-happy: #e8a836;
  --c-pop: #d8517a;
  --c-heart: #d8517a;
  --phone-bg: #fcf9ef;
  --radius: 10px;
  --app-shadow: 0 0 24px rgba(90, 70, 20, .12);
}