/* A's typography: Town sign, the walk-in's own letters (chosen 26 Sept 2026).
   Rounded clay capitals (Baloo 2) for headlines, labels, numbers and controls,
   and a reading serif (Literata) for everything that is read. It sits over
   daybook.css and changes nothing else: the sky, the palette, the layout and
   the cast stay as they are.

   What it drops from the first version, on purpose: the thin high-contrast
   display serif, the tracked-out capital mono labels, and the one word set in
   italic inside a headline. The tagline keeps the owner's capitals. */

:root {
  --v-display: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --v-text: "Literata", Georgia, serif;
  /* whatever in daybook.css still asks for its old three faces gets these */
  --serif: var(--v-display); --sans: var(--v-text); --mono: var(--v-display);
  --v-text-size: clamp(1.0625rem, 1.1vw, 1.2rem);
  --v-label-size: .84rem;
  --v-hero-size: clamp(3.5rem, 9.6vw, 10.4rem);
  --v-h2-size: clamp(2.2rem, 4.5vw, 4.6rem);
}

body { font: 400 var(--v-text-size) / 1.62 var(--v-text); }
:is(h2, .scene h2) { font: 700 var(--v-h2-size) / 1 var(--v-display); letter-spacing: -.014em; max-width: 17ch; }
.scene h2 { font-size: calc(var(--v-h2-size) * .88); }
h3 { font: 700 1.125rem / 1.3 var(--v-display); }

/* the tagline: the owner's capitals, one weight, no word singled out */
.hero-title { font: 800 var(--v-hero-size) / .86 var(--v-display); letter-spacing: -.01em; }
:is(.hero-title, .ask-again, .foot-big) em { font-style: normal; letter-spacing: inherit; }
:is(.ask-again, .foot-big) { font-family: var(--v-display); font-weight: 800; letter-spacing: -.01em; line-height: .88; }
.lead { font: 450 var(--t-lead) / 1.42 var(--v-text); letter-spacing: 0; }

/* labels: the face's own small size, sentence case, no tracking */
:is(.label, .eyebrow, legend, .entry-day, .chip-at, .ledger-at, .job-id, .job-when, .ask-at, .paid caption, .paid thead th,
  .said figcaption, .page figcaption, .road-state, .foot-house, .dock-name, .sample-note, .moments-count, .loader-line, .cue, .link, .bar-nav, .foot-links,
  .thought-at, .thought-job, .thought-won, .run-facts, .run-here) {
  font-family: var(--v-display); font-weight: 700; font-style: normal; font-size: var(--v-label-size); letter-spacing: 0; text-transform: none;
}
:root.guide-inline .guide-say:not(:empty)::before { font: 700 var(--v-label-size) / 1 var(--v-display); letter-spacing: 0; text-transform: none; }
.chip[aria-pressed="true"] .chip-at::after { content: ", seen"; }
.asks li.is-winner.is-won .ask-who::after { font: 700 var(--v-label-size) / 1 var(--v-display); letter-spacing: 0; }
.stamp { font-family: var(--v-display); font-weight: 800; letter-spacing: .02em; }

/* numbers: the big clocks, and every small time and count */
.entry-clock { font-family: var(--v-display); font-weight: 800; font-style: normal; letter-spacing: -.015em; font-variation-settings: normal; font-variant-numeric: lining-nums tabular-nums; }
:is(.num, .mono, .bar-clock, .bar-time) { font-family: var(--v-display); font-variant-numeric: lining-nums tabular-nums; letter-spacing: 0; font-variation-settings: normal; }
.road li::before { font-family: var(--v-display); font-weight: 800; font-variation-settings: normal; }

/* controls and the rest of the display type */
:is(.btn, .chip, .pick-name, input, textarea, select, button) { font-family: var(--v-display); }
:is(.btn, .pick-name) { font-weight: 700; }
:is(.job-kind, .toy-title, .road h3, .run-text h3, .run-no, .dusk-line) { font-family: var(--v-display); font-weight: 700; font-style: normal; letter-spacing: -.014em; }
:is(.said blockquote, .page blockquote, .thought blockquote, .ask-why) { font-family: var(--v-text); font-style: italic; font-weight: 400; }
.mark-word { font: 800 1.5rem / 1 var(--v-display); font-style: normal; letter-spacing: -.01em; }
.dock-line { font-family: var(--v-text); }

/* on a phone the tagline's two lines each fit the width (measured at 360 and 390 wide) */
@media (max-width: 40rem) { :root { --v-hero-size: 13.6vw; } }