/* 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;}

/* Guided-walkthrough launcher buttons (paired with jurasum-guide.js) */
.guide-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.guide-actions .ga-btn{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:500;border-radius:4px;padding:9px 14px;cursor:pointer;transition:background .15s,border-color .15s;}
.guide-actions .ga-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);}
.guide-actions .ga-primary:hover{background:var(--accent-deep);}
.guide-actions .ga-ghost{background:transparent;color:var(--accent-deep);border:1px solid var(--line);}
.guide-actions .ga-ghost:hover{border-color:var(--accent);}
@media print{ .guide-actions{display:none;} }

/* Top nav links (shared, so the tool pages match the site pages) */
.topbar nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}
.topbar nav a{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;border:1px solid transparent;border-radius:3px;padding:7px 10px;transition:color .15s,border-color .15s;}
.topbar nav a:hover{color:var(--accent-deep);border-color:var(--line);}
.topbar nav a.on{color:var(--accent-deep);background:rgba(122,92,46,.08);}
@media print{ .topbar nav{display:none;} }
@media(max-width:600px){ .topbar{flex-wrap:wrap;gap:10px;} .topbar nav{width:100%;justify-content:flex-start;} .topbar nav a{font-size:10px;padding:6px 8px;} }