/* Ortak theme tokens. Self-hosted; no font, image or CDN dependency. */
:root {
  color-scheme: dark;
  --ground: #0b1016;
  --paper: #121a23;
  --subtle: #17212c;
  --ink: #e7edf4;
  --muted: #a5b3c2;
  --line: #2b3948;
  --teal: #73d2bc;
  --accent-ink: #09241d;
  --accent-hover: #92dfcc;
  --tint: #193b34;
  --slate: #7896af;
  --amber: #f2ca83;
  --amber-bg: #3a2d19;
  --red: #f0a6aa;
  --red-bg: #3c222a;
  --track: #2a3a48;
  --hover: #1e2b37;
  --tint-line: #2d5b4e;
  --control-line: #64798a;
  --backdrop: rgb(0 0 0 / 65%);
  --radius: 9px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --ground: #edf1f4;
  --paper: #ffffff;
  --subtle: #f7f9fa;
  --ink: #182b3a;
  --muted: #596d7a;
  --line: #dce4e8;
  --teal: #06736d;
  --accent-ink: #ffffff;
  --accent-hover: #066d67;
  --tint: #e8f5f2;
  --slate: #8ba0ac;
  --amber: #795e22;
  --amber-bg: #f5f0e4;
  --red: #923f43;
  --red-bg: #faedef;
  --track: #e8edf0;
  --hover: #eef2f4;
  --tint-line: #cce5df;
  --control-line: #a9babf;
  --backdrop: rgb(24 43 58 / 28%);
}