/* Per-app accent + canvas tokens (tool landing pages) */

:root {
  --tool-color-tabs: #3b828f;
  --tool-color-tabs-soft: #e8f2f4;
  --tool-color-log: #1a1a1a;
  --tool-color-log-soft: #f2f2f2;
  --tool-color-notes: #c9a01c;
  --tool-color-notes-soft: #fff9e6;
  --tool-color-xcite: #8b5cff;
  --tool-color-xcite-soft: #f3edff;
}

html[data-theme="dark"] {
  --tool-color-tabs: #4a9eab;
  --tool-color-tabs-soft: #1a3036;
  --tool-color-log: #e8e8e8;
  --tool-color-log-soft: #2a2a2a;
  --tool-color-notes: #fcca25;
  --tool-color-notes-soft: #3a3210;
  --tool-color-xcite: #a678ff;
  --tool-color-xcite-soft: #2a1f45;
}

body.page-tabs {
  --color-accent: #3b828f;
  --color-accent-hover: #458f9c;
  --color-accent-soft: #e8f2f4;
  --color-canvas-base: #0a0e16;
  --color-canvas-surface: #121620;
}

body.page-log {
  --color-accent: #000000;
  --color-accent-hover: #333333;
  --color-accent-soft: #f2f2f2;
  --color-canvas-base: #0a0a0b;
  --color-canvas-surface: #161618;
}

body.page-notes {
  --color-accent: #fcca25;
  --color-accent-hover: #e6bd2e;
  --color-accent-soft: #fff9e6;
  --color-canvas-base: #1a1a1a;
  --color-canvas-surface: #242424;
}

/* MoonCowXcite — accent from MoonCowXcite/src/ui/theme.ts */
body.page-xcite {
  --color-accent: #8b5cff;
  --color-accent-hover: #a678ff;
  --color-accent-soft: #f3edff;
  --color-canvas-base: #08070d;
  --color-canvas-surface: #17151e;
}

html[data-theme="dark"] body.page-tabs {
  --color-accent: #4a9eab;
  --color-accent-hover: #5cb0bc;
  --color-accent-soft: #1a3036;
}

html[data-theme="dark"] body.page-log {
  --color-accent: #e8e8e8;
  --color-accent-hover: #ffffff;
  --color-accent-soft: #2a2a2a;
}

html[data-theme="dark"] body.page-notes {
  --color-accent: #fcca25;
  --color-accent-hover: #ffe066;
  --color-accent-soft: #3a3210;
}

html[data-theme="dark"] body.page-xcite {
  --color-accent: #a678ff;
  --color-accent-hover: #c4a0ff;
  --color-accent-soft: #2a1f45;
}