:root {
  --ink: #1c2a22;
  --muted: #5a6b61;
  --bg: #dce8df;
  --panel: #f3f7f3;
  --paper: #fbfcf9;
  --line: rgba(42, 74, 60, 0.16);
  --teal: #2a4a3c;
  --sand: #9a5a28;
  --flare: #d4e3b8;
  --deal: #1f7a4a;
  --good: #6a8f2e;
  --market: #3d6f8a;
  --high: #c45c3a;
  --warn: #a07a2e;
  --dock: 64px;
}

/* Dark mode. html[data-theme] gana a :root de styles.css, que se carga después. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e7eef8;
  --muted: #9aabc0;
  --bg: #121820;
  --panel: #1a2433;
  --paper: #223044;
  --line: rgba(186, 208, 232, 0.18);
  --teal: #8ec0ea;
  --sand: #e2b56a;
  --flare: #243246;
  --deal: #79d2aa;
  --good: #c5d57a;
  --market: #8eb8dc;
  --high: #ef9174;
  --warn: #e2b56a;
  --dock: 64px;
}