/* Tokens de color y tema. El tema se fija con el atributo data-dalia-theme del <html>
   (claro por defecto; ver js/theme-init.js y js/theme.js). */
:root {
  --bg: #f6f7fb;
  --bg2: #ffffff;
  --ink: #0f172a;
  --muted: #51607a;
  --line: #dde3ee;
  --accent: #2557d6;
  --accent-ink: #ffffff;
  --accent-soft: #e6edfd;
  --teal: #0e9f8e;
  --amber: #c47a00;
  --good: #14804a;
  --warn: #b45309;
  --reject: #d92d3a;
  --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --highlight: #fff1a8;
  --header-bg: rgba(246, 247, 251, 0.88);
  color-scheme: light;
}

:root[data-dalia-theme="dark"] {
  --bg: #0b1020;
  --bg2: #121a30;
  --ink: #e8edf8;
  --muted: #9aa8c4;
  --line: #25304d;
  --accent: #6f95ff;
  --accent-ink: #0b1020;
  --accent-soft: #1a2750;
  --teal: #3ccfbd;
  --amber: #f0b54a;
  --good: #4cc38a;
  --warn: #f0b54a;
  --reject: #ff6b6b;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --highlight: #5a4d0a;
  --header-bg: rgba(11, 16, 32, 0.88);
  color-scheme: dark;
}