/* The "Book to Film" front door: the same pages, a different look.
   Loaded on top of app.css when the site settings name the theme "book"
   (assets/app.js, Site.apply). Everything in app.css is drawn from these
   variables, so a look is mostly a palette and a typeface. */
:root{
  --bg:#f6f1e7; --panel:#fffdf8; --line:#ddd3c0;
  --ink:#231f1a; --muted:#6f6657; --accent:#8a2f1c; --accent2:#a8761b;
  --bad:#b4531f; --good:#2f7d4f;
}
body{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;font-size:17px}
nav{background:#231f1a;border-bottom:0;margin-bottom:0}
nav .brand{color:#f6f1e7;font-family:Georgia,serif;letter-spacing:.01em}
nav .brand span{color:#e0a458}
nav a.link{color:#c9bfae}
nav a.link:hover,nav a.link.on{color:#fff}
nav .who,nav .who button{color:#c9bfae}
header.page h1{font-family:Georgia,serif;font-weight:600;letter-spacing:0}
h2.sec{color:var(--accent)}
input[type=text],input[type=email],input[type=url],textarea,select{background:#fff;color:var(--ink)}
.btn{background:var(--accent);border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.btn.ghost{color:var(--ink)}
.card,.item,.ex{border-radius:6px;box-shadow:0 1px 0 rgba(35,31,26,.06)}
.msg.err{background:#fbe9e2;border-color:#e6b9a8;color:#7a2c14}
.msg.ok{background:#e6f3ea;border-color:#b5d8c1;color:#1f5a38}
.chip,.quote{background:#fff}
.chip.on{background:#f3e7df}
.item .ph{background:#fff}
footer{color:var(--muted)}