/* Design tokens. A different layout (Option 1, 7…) swaps layout CSS, and can override these. */
:root {
  --maroon: #650B09; --maroon-ink: #4A0806; --maroon-tint: #F4E0DF; --maroon-wash: #F6ECEA; --maroon-line: #E8D3D1;
  --sage: #3E5B3D; --sage-ink: #2C462B; --sage-tint: #E3EADF; --sage-mist: #EEF1EA; --sage-line: #D6DECF; --sage-soft: #C9D3C1;
  --accent: #B7791F; --accent-tint: #F1E4CF;
  --on-maroon: #fff; --on-maroon-ink: #fff; --on-sage: #fff; --on-sage-ink: #fff; --on-accent: #fff; --on-sage-muted: #C9D6C3; --on-sage-hover: rgba(255,255,255,.1); --on-sage-rule: rgba(255,255,255,.16);
  --maroon-text: var(--maroon); --sage-text: var(--sage); --accent-text: var(--accent);
  --amber: #5E3F00; --amber-tint: #F3E6CC; --amber-ink: #7A5200;
  --paper: #FFFFFF; --page: #FFFFFF; --card: #FFFFFF; --line: #E3E3E6; --line-soft: #EEEEF0; --chip: #ECECEF; --chip-soft: #F5F5F7;
  --ink: #1B1B1B; --ink-2: #3A3A3A; --ink-3: #5E5E5E; --ink-4: #8A8478;
  --serif: 'Crimson Text', Georgia, serif; --caps: Cinzel, Georgia, serif; --sans: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  --r-sm: 8px; --r: 12px; --r-lg: 16px;
  --shadow: 0 1px 2px rgba(40, 30, 20, .06), 0 6px 18px rgba(40, 30, 20, .05);
  --zf: 1;
}
/* Big screens: scale everything up a little (laptops unchanged). Viewport lengths are divided by --zf. */
@media (min-width: 1800px) and (min-height: 1000px) { :root { --zf: 1.12; } }
@media (min-width: 2200px) and (min-height: 1200px) { :root { --zf: 1.3; } }
@media (min-width: 2800px) and (min-height: 1500px) { :root { --zf: 1.6; } }
@media (min-width: 3500px) and (min-height: 1900px) { :root { --zf: 1.9; } }
html { zoom: var(--zf); }