/* Themes override design tokens only. */
body[data-theme="vanilla"],
[data-theme="vanilla"] {
  --color-app-bg: #8edcf0;
  --color-board-bg: #fff4df;
  --color-board-line: rgb(62 42 114 / 9%);
  --grad-app: linear-gradient(135deg, #8edcf0 0%, #f7c8df 100%);
}

body[data-theme="berry"],
[data-theme="berry"] {
  --color-primary: #d9366e;
  --color-primary-dark: #8f1d49;
  --color-secondary: #32205f;
  --color-accent: #b45309;
  --color-app-bg: #9b6bd3;
  --color-board-bg: #32195a;
  --color-board-line: rgb(255 255 255 / 13%);
  --color-surface: #fff4fb;
  --color-surface-raised: #ffffff;
  --color-text: #28123f;
  --grad-app: linear-gradient(135deg, #9b6bd3 0%, #f39ac0 100%);
  --grad-board: linear-gradient(145deg, #62347c 0%, #32195a 100%);
}

body[data-theme="choco"],
[data-theme="choco"] {
  --color-primary: #c94f35;
  --color-primary-dark: #873020;
  --color-secondary: #43251c;
  --color-accent: #b45309;
  --color-success: #0f766e;
  --color-app-bg: #b68162;
  --color-board-bg: #4a2818;
  --color-board-line: rgb(255 239 214 / 14%);
  --color-surface: #fff5eb;
  --color-surface-raised: #ffffff;
  --color-text: #2a1711;
  --grad-app: linear-gradient(135deg, #b68162 0%, #f2c99e 100%);
  --grad-board: linear-gradient(145deg, #744327 0%, #43251c 100%);
}