/* Rubik (SIL Open Font License), served from this site so the strict pages can use it: one variable file per script covers weights 300 to 900. Same files and rules as the first-story pages. */
@font-face { font-family: Rubik; font-style: normal; font-weight: 300 900; font-display: swap; src: url(/story/fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: Nunito; font-style: normal; font-weight: 900; font-display: swap; src: url(/story/fonts/nunito-latin.woff2) format('woff2'); }   /* the wordmark "Haley", as on the home page */
@font-face { font-family: Rubik; font-style: normal; font-weight: 300 900; font-display: swap; src: url(/story/fonts/rubik-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Haley — generated from tokens.json */
:root, [data-theme="day"] {
  --ground: #f9f4f2;
  --raised: #ffffff;
  --tint: #fcefe4;
  --line: #958a83;
  --line-soft: #ede3dc;
  --ink: #2d2926;
  --ink-soft: #574e48;
  --ink-faint: #71665f;
  --action: #3d4785;
  --on-action: #ffffff;
  --focus: #b4450f;
  --haley-orange: #f47b2a;
  --haley-tie: #ffc22e;
  --grandma-sand: #f6be76;
  --grandpa-slate: #616ba3;
  --grandpa-shine: #717bb2;
  --hair-cream: #fff5ea;
  --hair-shade: #f2dcc8;
  --blush: #ff9c7a;
  --blush-cool: #f59a8c;
  --pearl-white: #fff3ee;
  --face-ink: #2d2926;
  --sky-1: #ffc94a;
  --sky-2: #fbb443;
  --sky-3: #f9a03e;
  --cloud: #fbf7f3;
  --cloud-rim: #f8b79c;
  --cloud-back: #f7a485;
  --era-roots: #b98a64;
  --era-roots-glow: #ebd5bf;
  --era-early: #ffb38a;
  --era-early-glow: #ffe0cc;
  --era-childhood: #ffc22e;
  --era-childhood-glow: #ffe38a;
  --era-teens: #ff7f6b;
  --era-teens-glow: #ffc9c0;
  --era-leaving: #3fb7a6;
  --era-leaving-glow: #aee5dc;
  --era-love: #ec6b97;
  --era-love-glow: #f8c5d8;
  --era-work: #3d7be0;
  --era-work-glow: #b3cdf5;
  --era-family: #5db075;
  --era-family-glow: #c3e6cc;
  --era-middle: #616ba3;
  --era-middle-glow: #c3c8e6;
  --era-later: #9b7fd6;
  --era-later-glow: #dacff4;
  --era-today: #f6be76;
  --era-today-glow: #fce6c8;
  --era-legacy: #d9a23a;
  --era-legacy-glow: #f2dca4;
  --shadow-raised: 0 2px 0 rgba(45, 41, 38, 0.04), 0 8px 24px rgba(45, 41, 38, 0.06);
  --shadow-float: 0 20px 48px rgba(244, 123, 42, 0.16);
}
[data-theme="evening"] {
  --ground: #1e2046;
  --raised: #2b2e5e;
  --tint: #262955;
  --line: #7e82b8;
  --line-soft: #34386a;
  --ink: #f7f2ec;
  --ink-soft: #d3d0e8;
  --ink-faint: #adaad0;
  --action: #ffc22e;
  --on-action: #2d2926;
  --focus: #ffb38a;
  --sky-1: #2a2d62;
  --sky-2: #343978;
  --sky-3: #40468c;
  --cloud: #4b509a;
  --cloud-rim: #6a70b8;
  --cloud-back: #3a3f80;
  --shadow-raised: 0 8px 24px rgba(8, 9, 30, 0.35);
  --shadow-float: 0 20px 48px rgba(8, 9, 30, 0.5);
}
:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --radius-sm: 16px;
  --radius-tile: 24px;
  --radius-card: 32px;
  --radius-pill: 999px;
  --target-min: 64px;
  --haley-talk: 320px;
  --haley-moment: 72px;
  --haley-mark: 44px;
  --font-sans: Rubik, "Arial Hebrew", system-ui, sans-serif;
  /* The brand's text: Rubik, regular weight, 18px, black ink. Every sentence a reader reads uses it; only titles and buttons are bold. */
  --brand-text: 500 18px/1.5 var(--font-sans);
  --brand-text-color: var(--ink);
  --font-quote: var(--font-sans);
  --font-wordmark: Nunito, ui-rounded, system-ui, sans-serif;
  --accent-ink: #b0460a;
  --font-serif: Newsreader, Georgia, "Times New Roman", serif;
}
.year { font-family: var(--font-sans); font-size: 112px; line-height: 1; font-weight: 800; letter-spacing: -0.02em; }
.display { font-family: var(--font-sans); font-size: 56px; line-height: 1.08; font-weight: 800; letter-spacing: -0.015em; }
.title { font-family: var(--font-sans); font-size: 40px; line-height: 1.12; font-weight: 800; letter-spacing: -0.01em; }
.caption { font-family: var(--font-sans); font-size: 34px; line-height: 1.35; font-weight: 600; }
.briefing { font-family: var(--font-sans); font-size: 32px; line-height: 1.5; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 24px; line-height: 1.5; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 22px; line-height: 1.2; font-weight: 800; }
.meta { font-family: var(--font-sans); font-size: 20px; line-height: 1.4; font-weight: 700; }
.chapter-title { font-family: var(--font-serif); font-size: 48px; line-height: 1.15; font-weight: 500; }
.book-body { font-family: var(--font-serif); font-size: 26px; line-height: 1.6; font-weight: 400; }