/* Ortak theme tokens. Self-hosted; no font, image or CDN dependency. */
:root {
  color-scheme: dark;
  --ground: #111514;
  --paper: #181d1b;
  --subtle: #222925;
  --ink: #edf1ee;
  --muted: #9eaaa3;
  --line: #303a34;
  --teal: #94d9b0;
  --accent-ink: #09241d;
  --accent-hover: #b1e8c7;
  --tint: #223b2d;
  --slate: #8ca399;
  --amber: #f2ca83;
  --amber-bg: #3a2d19;
  --red: #f0a6aa;
  --red-bg: #3c222a;
  --track: #34473b;
  --hover: #29322c;
  --tint-line: #3b5a45;
  --control-line: #52645a;
  --backdrop: rgb(0 0 0 / 65%);
  --radius: 9px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --ground: #f5f7f5;
  --paper: #ffffff;
  --subtle: #eaf0eb;
  --ink: #19281f;
  --muted: #596c60;
  --line: #dce5df;
  --teal: #267147;
  --accent-ink: #ffffff;
  --accent-hover: #1b5f39;
  --tint: #e5f2e9;
  --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%);
}