/* ============================================================
   Burdick Estate · Evidence Portal — Law-firm light theme
   Relaxed "litigation brief" palette: warm paper, muted navy
   masthead, muted brass accent, muted oxblood flags, soft rules.
   Tuned for low-strain, AA-readable long review sessions.
   ============================================================ */
:root{
  /* --- relaxed paper + surfaces --- */
  --paper:#EFEADF;          /* page background — calm warm off-white */
  --paper-2:#F4EFE5;        /* secondary fill (chips, source pills) */
  --card:#FAF6EC;           /* card surface — subtly lifted off the paper */
  --card-2:#F6F1E6;         /* nested fill inside cards (bars, table zebra) */

  /* --- ink (dark warm gray, not pure black) --- */
  --ink:#36322B;
  --ink-soft:#4A463E;
  --muted:#6E695D;
  --faint:#948D7D;

  /* --- muted navy masthead --- */
  --navy:#26384E;
  --navy-soft:#33485F;
  --navy-deep:#1F2E40;

  /* --- muted brass accent --- */
  --brass:#8C7238;
  --brass-deep:#745E2D;

  /* --- muted oxblood flag --- */
  --oxblood:#7C2E2A;
  --oxblood-soft:#9A4A45;
  --oxblood-bg:#F2E6E2;

  /* --- muted semantic --- */
  --green:#3E6B4F;
  --green-bg:#E9F0EA;
  --green-bd:#C2D3C6;
  --amber:#8C6D2A;
  --amber-bg:#F4EDD8;
  --amber-bd:#DECFA4;

  /* --- soft warm-gray rules --- */
  --rule:#DCD4C5;
  --rule-2:#CFC6B2;

  /* --- legacy aliases (templates reference these var names) --- */
  --bg:var(--paper);
  --line:var(--rule);
  --accent:var(--navy);

  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Charter,Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.6}
a{color:var(--navy-soft);text-decoration:none}
a:hover{color:var(--brass-deep)}

/* ---- masthead / letterhead nav ---- */
.topbar{display:flex;justify-content:space-between;align-items:center;
  padding:16px 30px;background:var(--navy);color:#F1ECE0;
  border-bottom:3px solid var(--brass);position:sticky;top:0;z-index:20}
.brand{font-family:var(--serif);font-size:19px;font-weight:600;
  letter-spacing:.01em;color:#F4EFE3;text-decoration:none}
.brand:hover{color:#fff}
nav{display:flex;gap:2px;align-items:center}
nav a{color:#C4BCA8;text-decoration:none;font-size:12.5px;letter-spacing:.05em;
  padding:8px 13px;border-radius:4px;transition:.15s}
nav a:hover{color:#fff}
nav a.active{color:#fff;box-shadow:inset 0 -2px 0 var(--brass)}
nav a.muted{color:#8E8773}
nav a.muted:hover{color:#C4BCA8}

/* ---- layout ---- */
.container{max-width:1040px;margin:0 auto;padding:30px 30px 10px}

/* ---- card ---- */
.card{background:var(--card);border:1px solid var(--rule-2);border-radius:5px;
  padding:20px 22px;margin:16px 0;
  box-shadow:0 1px 2px rgba(45,38,20,.04),0 6px 18px rgba(45,38,20,.045)}

/* ---- footer ---- */
.foot{color:var(--muted);text-align:center;padding:32px 24px 40px;
  border-top:1px double var(--rule-2);margin-top:48px;font-size:12.5px;
  line-height:1.6;letter-spacing:.02em}
.foot strong{color:var(--navy);font-weight:600}

/* ---- login gate ---- */
.login{max-width:360px;margin:10vh auto;text-align:center;
  background:var(--card);border:1px solid var(--rule-2);border-radius:6px;
  padding:38px 34px 34px;box-shadow:0 1px 2px rgba(45,38,20,.05),0 10px 30px rgba(45,38,20,.07);
  position:relative}
.login::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--brass);border-radius:6px 6px 0 0}
.login h1{font-family:var(--serif);font-size:24px;color:var(--navy);
  margin:6px 0 4px;font-weight:600}
.login input,.login button{width:100%;padding:12px;margin:8px 0;border-radius:5px;
  border:1px solid var(--rule-2);background:var(--paper-2);color:var(--ink);font-size:15px}
.login input:focus{outline:none;border-color:var(--brass);background:#fff}
.login button{background:var(--navy);border:0;color:#F4EFE3;font-weight:600;
  cursor:pointer;letter-spacing:.04em;transition:.15s}
.login button:hover{background:var(--navy-deep)}

/* ---- utilities ---- */
.muted{color:var(--muted)}
.err{color:var(--oxblood);font-weight:600}
.big{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--navy);
  letter-spacing:-.01em;margin:8px 0 6px}