/* Pantry Tonight website (Cloudflare Pages). Look B "Market Table": linen, porcelain cards, herb green, Fraunces + Figtree. */
:root {
  --bg: #F4EEE3; --card: #FFFCF7; --line: rgba(29,37,32,.12);
  --ink: #1D2520; --ink2: #475048; --ink3: #626A5F; --herb: #2D5B3A; --gold: #B8862E;
  --serif: 'Fraunces', Georgia, serif; --sans: 'Figtree', -apple-system, 'Segoe UI', Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #120E0B; --card: #1E1915; --line: rgba(255,244,228,.12); --ink: #F6EFE4; --ink2: #D5CBBC; --ink3: #A99F92; --herb: #8DC39B; --gold: #E1B866; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.6 var(--sans); }
a { color: var(--herb); text-underline-offset: 3px; }
.wrap { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.brand { font: 600 24px/1 var(--serif); color: var(--ink); text-decoration: none; letter-spacing: -.01em; }
.brand em { font-style: italic; font-weight: 600; color: var(--gold); }
nav a { margin-left: 16px; font: 600 15px/1 var(--sans); text-decoration: none; }
h1 { font: 600 40px/1.1 var(--serif); letter-spacing: -.02em; margin: 40px 0 8px; }
h2 { font: 600 22px/1.25 var(--serif); margin: 32px 0 8px; }
.lead { font-size: 20px; color: var(--ink2); }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 8px 22px; margin-top: 24px; }
.card section + section { border-top: 1px solid var(--line); }
.card h2 { margin-top: 18px; font-size: 19px; }
.card p { margin: 6px 0 18px; color: var(--ink2); }
.updated, footer { font-size: 14px; color: var(--ink3); }
footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); }
footer a { margin-right: 14px; }
@media (max-width: 480px) { h1 { font-size: 32px; } nav a { margin-left: 10px; } }