/* ProphetLab's ink / paper palette, plus a warm editorial alternative.
   All UI colours live here; controls and charts consume the same roles. */
:root {
  color-scheme: light;
  --canvas: #f6f3ec;
  --surface: #fffdf7;
  --surface-soft: #ede8dd;
  --surface-hover: #f1f3e9;
  --footer: #ebe6db;
  --ink: #15181d;
  --secondary: #464d57;
  --muted: #626a75;
  --line: #ddd8ce;
  --line-strong: #bdbbb0;
  --accent: #1c7058;
  --accent-dark: #155b49;
  --accent-fill: #1c7058;
  --accent-hover: #155b49;
  --on-accent: #fffdf7;
  --accent-soft: #e1eee5;
  --accent-line: #8bb5a2;
  --focus-ring: rgb(31 138 112 / 18%);
  --sage: #386b53;
  --blue: #2073a8;
  --danger: #b13c35;
  --success: #278052;
  --success-soft: #e1eee5;
  --success-line: #b7cdbd;
  --scrim: rgb(246 243 236 / 92%);
  --backdrop: rgb(11 14 19 / 48%);
  --bloom: rgb(47 165 136 / 10%);
  --chart-area: rgb(31 138 112 / 17%);
  --shadow: 0 20px 64px rgb(31 37 31 / 9%);
  --shadow-small: 0 2px 6px rgb(31 37 31 / 5%);
  --code-bg: #ede8dd;
  --code-ink: #27382f;
  --series-1: #1f8a70;
  --series-2: #5560cf;
  --series-3: #9a6b12;
  --series-4: #c2456c;
  --series-5: #2073a8;
  --series-6: #718042;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Source Han Serif SC", "Songti SC", "Noto Serif CJK SC", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --radius: 8px;
  --page-width: 1360px;
  --gutter: clamp(20px, 4vw, 64px);
  font-family: var(--font-sans);
  font-synthesis: none;
}

:root[data-theme="prophet-dark"] {
  color-scheme: dark;
  --canvas: #0b0e13;
  --surface: #11151c;
  --surface-soft: #1a2029;
  --surface-hover: #17231f;
  --footer: #080b10;
  --ink: #f2ede4;
  --secondary: #c3c6cc;
  --muted: #9aa2af;
  --line: #293039;
  --line-strong: #45504f;
  --accent: #6fd8ba;
  --accent-dark: #a6e8d3;
  --accent-fill: #43c39f;
  --accent-hover: #6fd8ba;
  --on-accent: #071c15;
  --accent-soft: #142d27;
  --accent-line: #376858;
  --focus-ring: rgb(111 216 186 / 18%);
  --sage: #9acbb1;
  --blue: #74b6df;
  --danger: #ef968b;
  --success: #81cfa4;
  --success-soft: #142b22;
  --success-line: #345d47;
  --scrim: rgb(11 14 19 / 92%);
  --backdrop: rgb(0 0 0 / 65%);
  --bloom: rgb(47 165 136 / 14%);
  --chart-area: rgb(111 216 186 / 16%);
  --shadow: 0 20px 64px rgb(0 0 0 / 28%);
  --shadow-small: 0 2px 6px rgb(0 0 0 / 20%);
  --code-bg: #0c1117;
  --code-ink: #d6e7df;
  --series-1: #2fa588;
  --series-2: #6e77e2;
  --series-3: #bc862f;
  --series-4: #d2597f;
  --series-5: #3486bf;
  --series-6: #99a86b;
}

:root[data-theme="anthropic"] {
  color-scheme: light;
  --canvas: #f5f3ed;
  --surface: #fffefa;
  --surface-soft: #ede9df;
  --surface-hover: #f7f0e7;
  --footer: #ebe6dc;
  --ink: #292720;
  --secondary: #514c43;
  --muted: #736b60;
  --line: #ddd6ca;
  --line-strong: #bfb5a4;
  --accent: #a54c32;
  --accent-dark: #873d28;
  --accent-fill: #ad5035;
  --accent-hover: #8c3f2a;
  --on-accent: #fffefa;
  --accent-soft: #f1dfd3;
  --accent-line: #cda58e;
  --focus-ring: rgb(173 80 53 / 17%);
  --sage: #576747;
  --blue: #537282;
  --danger: #a73835;
  --success: #607450;
  --success-soft: #eaf0e3;
  --success-line: #bdcbb0;
  --scrim: rgb(245 243 237 / 93%);
  --backdrop: rgb(41 39 32 / 45%);
  --bloom: rgb(198 118 75 / 10%);
  --chart-area: rgb(173 80 53 / 15%);
  --shadow: 0 20px 64px rgb(71 49 27 / 8%);
  --shadow-small: 0 2px 6px rgb(71 49 27 / 6%);
  --code-bg: #ede9df;
  --code-ink: #514435;
  --series-1: #b55d3c;
  --series-2: #657790;
  --series-3: #978042;
  --series-4: #aa6680;
  --series-5: #4f8990;
  --series-6: #708657;
}