/* Vedra colour themes: the only place colours are defined. Used by the website (assets/css/themes.css), the demo
   (inlined by demo/build_demo.py) and the private pages. Change a colour here, then `python3 vedra.py build`.

   Auto follows the device: Snø when light, Fjord when dark (and the claude.ai viewer's data-theme light/dark).
   A visitor's choice sets data-palette on <html> (snow, fjord, forest, night) and wins over both. */
:root {
  /* Snø: soft snow-white, slate ink, fjord-blue accent */
  --paper: #f3f6f8; --sheet: #ffffff; --sunk: #eef2f5; --ink: #213040; --muted: #5d6b79; --line: #dfe5ea;
  --accent: #2c6a88; --accent-ink: #ffffff; --accent-soft: #e5eff5;
  --ok: #2f7a58; --ok-soft: #e5f2eb; --warn: #996723; --warn-soft: #f9f0e0; --bad: #b0473d; --bad-soft: #fae9e6;
  --idle: #6b7785; --idle-soft: #edf1f4; --evid: #55609f; --evid-soft: #ebedf9; --mark: #fbefb5;
  --plate: #e7edf0; --plate-edge: #cbd5db; --shade: rgba(33, 48, 64, 0.07);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* Fjord: deep fjord blue, soft off-white text (never pure white), glacier-teal accent */
    --paper: #13212e; --sheet: #182938; --sunk: #152433; --ink: #d6e0e8; --muted: #93a7b8; --line: #26394a;
    --accent: #7fc0cf; --accent-ink: #0e1d27; --accent-soft: #1d3444;
    --ok: #79c7a0; --ok-soft: #183126; --warn: #e3b46e; --warn-soft: #2e2817; --bad: #ee9a90; --bad-soft: #352120;
    --idle: #93a5b5; --idle-soft: #1e2f3e; --evid: #aab3ef; --evid-soft: #222a45; --mark: #5a5020;
    --plate: #1c2f40; --plate-edge: #2d4357; --shade: rgba(0, 0, 0, 0.25);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #13212e; --sheet: #182938; --sunk: #152433; --ink: #d6e0e8; --muted: #93a7b8; --line: #26394a;
  --accent: #7fc0cf; --accent-ink: #0e1d27; --accent-soft: #1d3444;
  --ok: #79c7a0; --ok-soft: #183126; --warn: #e3b46e; --warn-soft: #2e2817; --bad: #ee9a90; --bad-soft: #352120;
  --idle: #93a5b5; --idle-soft: #1e2f3e; --evid: #aab3ef; --evid-soft: #222a45; --mark: #5a5020;
  --plate: #1c2f40; --plate-edge: #2d4357; --shade: rgba(0, 0, 0, 0.25);
  color-scheme: dark;
}
/* Chosen palettes come last, so they win over the device setting. */
:root[data-palette="snow"] {
  --paper: #f3f6f8; --sheet: #ffffff; --sunk: #eef2f5; --ink: #213040; --muted: #5d6b79; --line: #dfe5ea;
  --accent: #2c6a88; --accent-ink: #ffffff; --accent-soft: #e5eff5;
  --ok: #2f7a58; --ok-soft: #e5f2eb; --warn: #996723; --warn-soft: #f9f0e0; --bad: #b0473d; --bad-soft: #fae9e6;
  --idle: #6b7785; --idle-soft: #edf1f4; --evid: #55609f; --evid-soft: #ebedf9; --mark: #fbefb5;
  --plate: #e7edf0; --plate-edge: #cbd5db; --shade: rgba(33, 48, 64, 0.07);
  color-scheme: light;
}
:root[data-palette="fjord"] {
  --paper: #13212e; --sheet: #182938; --sunk: #152433; --ink: #d6e0e8; --muted: #93a7b8; --line: #26394a;
  --accent: #7fc0cf; --accent-ink: #0e1d27; --accent-soft: #1d3444;
  --ok: #79c7a0; --ok-soft: #183126; --warn: #e3b46e; --warn-soft: #2e2817; --bad: #ee9a90; --bad-soft: #352120;
  --idle: #93a5b5; --idle-soft: #1e2f3e; --evid: #aab3ef; --evid-soft: #222a45; --mark: #5a5020;
  --plate: #1c2f40; --plate-edge: #2d4357; --shade: rgba(0, 0, 0, 0.25);
  color-scheme: dark;
}
:root[data-palette="forest"] {
  /* Skog: a quiet pine-green tint, birch-white surfaces */
  --paper: #eef3ef; --sheet: #fbfcfb; --sunk: #e9efea; --ink: #1e2d25; --muted: #5a6b61; --line: #d9e2db;
  --accent: #2f6b52; --accent-ink: #ffffff; --accent-soft: #e2efe8;
  --ok: #2e7a4e; --ok-soft: #e3f1e8; --warn: #976a22; --warn-soft: #f7efdf; --bad: #ad463c; --bad-soft: #f8e7e3;
  --idle: #69776f; --idle-soft: #ebf0ec; --evid: #57609c; --evid-soft: #e9ebf6; --mark: #f6eeb0;
  --plate: #e3ebe5; --plate-edge: #c8d4cb; --shade: rgba(30, 45, 37, 0.07);
  color-scheme: light;
}
:root[data-palette="night"] {
  /* Natt: neutral night grey, softened text */
  --paper: #121619; --sheet: #181e22; --sunk: #14191d; --ink: #d3dade; --muted: #95a1aa; --line: #283035;
  --accent: #8ab8d0; --accent-ink: #0d1a22; --accent-soft: #1c2a33;
  --ok: #6ec49b; --ok-soft: #16281f; --warn: #ddae6a; --warn-soft: #2a2216; --bad: #e98a82; --bad-soft: #301c1a;
  --idle: #909ca6; --idle-soft: #1e2429; --evid: #a6adeb; --evid-soft: #1f2236; --mark: #554a18;
  --plate: #1b2328; --plate-edge: #2e3a40; --shade: rgba(0, 0, 0, 0.3);
  color-scheme: dark;
}
.theme-select {
  border: 1px solid var(--line); border-radius: 6px; background: var(--sheet); color: var(--ink);
  font: inherit; font-size: 0.85rem; padding: 4px 8px; cursor: pointer;
}