/* Hashfox, the counter: terracotta on warm white.
   Loaded after styles.css on every page. It re-points the engagement-letter tokens at the warm palette so the
   legal pages, the small pages, the project intake page and the chat panel share the home page's look.
   One light theme: the --blue family carries the terracotta (styles.css paints buttons, the mark and the
   focus ring with it), and the dark-scheme overrides in styles.css are neutralised below. */
:root, :root[data-theme="light"], :root[data-theme="dark"] {
  --paper: #fffdf9; --paper-2: #f7f2ea; --ink: #1d1a17; --ink-2: #5c5550; --ink-3: #8a827b; --hair: #e7e0d6; --hair-2: #cfc6ba;
  --blue: #6b2d5c; --blue-deep: #52204a; --on-blue: #ffffff; --on-blue-2: #ead3e3; --on-blue-hair: rgba(255, 255, 255, 0.3);
  --accent: #6b2d5c; --sel: #f3e4ef; --err: #b42318; --ok: #0f6b3a;
  --table: #231c18; --table-2: #2e2521; --table-ink: #fbf5ee; --table-ink-2: #c9beb3; --table-hair: #3e342e; --table-accent: #f29c84;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #fffdf9; --paper-2: #f7f2ea; --ink: #1d1a17; --ink-2: #5c5550; --ink-3: #8a827b; --hair: #e7e0d6; --hair-2: #cfc6ba;
    --blue: #6b2d5c; --blue-deep: #52204a; --on-blue: #ffffff; --on-blue-2: #ead3e3; --on-blue-hair: rgba(255, 255, 255, 0.3);
    --accent: #6b2d5c; --sel: #f3e4ef; --err: #b42318; --ok: #0f6b3a;
    --table: #231c18; --table-2: #2e2521; --table-hair: #3e342e;
    color-scheme: light;
  }
}
/* cards (the chat panel among them) keep their own tokens in styles.css; give them the warm set too */
.card { --paper: #ffffff; --paper-2: #f7f2ea; --ink: #1d1a17; --ink-2: #5c5550; --ink-3: #8a827b; --hair: #e7e0d6; --hair-2: #cfc6ba; --accent: #6b2d5c; --sel: #f3e4ef; }
.card, .pc-card.pc-floating { box-shadow: 0 30px 60px -28px rgba(29, 26, 23, 0.45), 0 2px 8px -2px rgba(29, 26, 23, 0.2); }
/* one theme only: no light/dark switch */
.theme { display: none; }
::selection { background: #f3e4ef; color: #1d1a17; }
.pc-err, .form-msg.err { color: var(--err); }