/* The Ledger Town: ruled paper, oxblood ink, ledger green. Light by default, dark follows the system. */
:root {
  --font-head: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-body: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --brand-track: 0.01em; --brand-case: none; --head-track: -0.005em; --radius: 3px;
  --bg: #f4ecd8; --card: #fbf6e8; --ink: #2a2118; --muted: #5f523f; --rule: #cdbd93;
  --link: #7a1b1b; --accent: #8c1f1f; --accent-hover: #6e1717; --on-accent: #fbf6e8; --accent2: #31503b; --focus: #1f5fa8;
  --pin: #8c1f1f; --map-bg: #f8f1de;
  --plate-bg: #3b2f22; --plate-ink: #f1e6c8; --plate-edge: #2a2118; --plate-shadow: 3px 3px 0 rgba(42,33,24,0.25);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) { --bg: #1b1612; --card: #231c16; --ink: #eadfc6; --muted: #b3a384; --rule: #4a3e2d;
    --link: #e58a7a; --accent: #c85a4a; --accent-hover: #d86f5f; --on-accent: #1b1612; --accent2: #8fb59a; --focus: #7db4ee;
    --pin: #e58a7a; --map-bg: #201a14; --plate-bg: #2e251b; --plate-edge: #4a3e2d; --plate-shadow: 3px 3px 0 rgba(0,0,0,0.4); }
}
:root[data-theme="dark"] { --bg: #1b1612; --card: #231c16; --ink: #eadfc6; --muted: #b3a384; --rule: #4a3e2d;
  --link: #e58a7a; --accent: #c85a4a; --accent-hover: #d86f5f; --on-accent: #1b1612; --accent2: #8fb59a; --focus: #7db4ee;
  --pin: #e58a7a; --map-bg: #201a14; --plate-bg: #2e251b; --plate-edge: #4a3e2d; --plate-shadow: 3px 3px 0 rgba(0,0,0,0.4); }

/* Ledger ruling behind the page, with the red margin rule */
body { background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 33px, color-mix(in srgb, var(--rule) 22%, transparent) 33px, color-mix(in srgb, var(--rule) 22%, transparent) 34px); }
.site-head, .gate, .card, .detail, .signup input[type=email] { background-image: none; }
.site-head { background: var(--bg); }
.hero { position: relative; }
.hero::before { content: ''; position: absolute; top: 0; bottom: 0; left: max(10px, calc(50% - 560px)); width: 0; border-left: 3px double color-mix(in srgb, var(--accent) 55%, transparent); }
@media (max-width: 760px) { .hero::before { display: none; } }
.plate { background-image: linear-gradient(90deg, rgba(255,255,255,0.07) 0, transparent 6%), repeating-linear-gradient(to bottom, transparent 0, transparent 23px, rgba(241,230,200,0.08) 23px, rgba(241,230,200,0.08) 24px); }
.plate-t { color: #f6dccb; }
.plate-t::after { content: ''; display: block; width: 3rem; margin: 0.8rem auto 0; border-top: 2px solid #c85a4a; }
.kicker { color: var(--accent); }
.ledger-ornament .row { stroke: currentColor; stroke-width: 1.5; fill: none; }

:root { --water: #6f8fa0; }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) { --water: #5d8196; } }
:root[data-theme="dark"] { --water: #5d8196; }