/* Shared palette and base styles for the family page (data/site/index.html) and login.html. */
:root {
  --bg: #f6f5f2; --card: #ffffff; --ink: #1d1f23; --muted: #5d636d; --line: #e3e1dc;
  --accent: #1f5f8b; --accent-ink: #ffffff;
  --done-bg: #e3f2e6; --done: #1e6b33; --prog-bg: #fff2d6; --prog: #8a5a00;
  --todo-bg: #eef1f5; --todo: #3e4a5a; --urgent-bg: #fde4e1; --urgent: #a1271b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15171a; --card: #1e2125; --ink: #e8e6e1; --muted: #a2a8b1; --line: #33373d;
    --accent: #7db7e0; --accent-ink: #10202c;
    --done-bg: #1f3526; --done: #8fd3a0; --prog-bg: #3a2f17; --prog: #f0c674;
    --todo-bg: #2a3038; --todo: #c3cbd6; --urgent-bg: #43221f; --urgent: #f19a8f;
  }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink);
       font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }