/* JuraSum shared styles — design tokens + statement chrome.
   Linked before each page's own <style>, so any page-specific rule still wins.
   Keep this file in sync as the single source of truth for the palette. */

:root{
  --ink:#1c2438;
  --ink-soft:#3a4358;
  --parchment:#f5f1e8;
  --parchment-deep:#ece5d6;
  --line:#d8cfba;
  --accent:#7a5c2e;
  --accent-deep:#5e4620;
  --accent-glow:#d8b878;
  --positive:#2f5a3f;
  --negative:#8a3a3a;
  --paper:#fffdf8;
}

*{box-sizing:border-box;margin:0;padding:0;}

/* Firm letterhead + matter header (set firm details on the Firm setup page) */
.letterhead{display:none;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:16px;}
.letterhead.on{display:block;}
.letterhead .lh-name{font-family:'Newsreader',serif;font-size:19px;font-weight:600;color:var(--ink);line-height:1.15;}
.letterhead .lh-line{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);margin-top:3px;}
.matter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.matter .mf{display:flex;flex-direction:column;}
.matter .mf label{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;}
.matter .mf input{font-family:'Inter',sans-serif;font-size:13px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);}
.matter .mf input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(122,92,46,.13);}
.matter .mf .printed{display:none;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink);padding:2px 0;}

/* Print credit (shown only when printing; each page's @media print flips it on) */
.print-credit{display:none;}