/* Look: Hearth — cream paper, navy rules, oxblood (letterstock / school-board warm) */
:root {
  --paper: #faf6ee;
  --ink: #1a2744;
  --rule: #1a2744;
  --accent: #722F37;
  --accent-hover: #5a252c;
  --muted: #6b6458;
  --cream: #faf6ee;
  --teal: #5a4a3a;
  --look-bg: #f4efe4;
  --look-border: #d4cbba;
  --look-panel: #ebe4d4;
  --look-soft: #2a3a4c;
  --display: Georgia, "Palatino Linotype", Palatino, serif;
  --body-font: Georgia, "Times New Roman", serif;
}
html[data-look="hearth"] body,
body[data-look="hearth"] {
  font-family: var(--body-font);
  background: var(--look-bg);
  color: var(--ink);
}
html[data-look="hearth"] .sheet {
  background: var(--paper);
  border-color: var(--look-border);
  box-shadow: 0 2px 12px rgba(26, 39, 68, 0.08);
}
html[data-look="hearth"] .preview-banner { background: var(--accent); }
html[data-look="hearth"] .mast-brand .name,
html[data-look="hearth"] h1,
html[data-look="hearth"] h2 { font-family: var(--display); }
html[data-look="hearth"] .mast-brand .office,
html[data-look="hearth"] .lead,
html[data-look="hearth"] .docket p { color: var(--look-soft); }
html[data-look="hearth"] .hub-nav,
html[data-look="hearth"] .dateline { border-color: var(--look-border); }
html[data-look="hearth"] .race-box div,
html[data-look="hearth"] .notice-box,
html[data-look="hearth"] .gap-note,
html[data-look="hearth"] .amounts button { background: #fff; border-color: var(--look-border); }
html[data-look="hearth"] .mono-hero { background: var(--paper); color: var(--accent); }
html[data-look="hearth"] .field-app {
  border-color: var(--accent);
  background: var(--cream);
}
html[data-look="hearth"] .field-app .eyebrow { color: var(--accent); }
html[data-look="hearth"] .field-app h3 { color: var(--ink); }
html[data-look="hearth"] .field-app .pill { border-color: var(--ink); color: var(--ink); background: var(--paper); }