/* ============================================================
 * SITE TOKENS — one source for colours and typefaces.
 * Linked by index.html, dissertation.html, the model notebooks
 * (via _tools/notebook-template.html) and the laboratory.
 * Choices made in the Typeface
 * Directions artifact (2026-09-30), applied 2026-10-01.
 * ============================================================ */

:root {
  /* Ground and ink: white paper, warm-neutral greys */
  --paper:        #ffffff;
  --paper-deep:   #efefef;
  --paper-card:   #ffffff;
  --paper-callout:#f5f5f5;
  --code-bg:      #efefef;

  --ink:          #302e2d;
  --ink-soft:     #494746;
  --muted:        #737171;   /* 4.85:1 on white */
  --muted-light:  #a09f9e;

  --rule:         #d6d5d5;
  --rule-light:   #e6e6e6;

  /* Accent: vermilion; --accent-deep is also the link colour in running text */
  --accent:       #e2401c;
  --accent-deep:  #ad3b21;
  --accent-soft:  #f9d9d2;

  /* Surfaces: outlined panels with a soft paper shadow, laid-line texture */
  --panel-shadow: 0 1px 2px rgba(40,30,15,.06), 0 6px 18px rgba(40,30,15,.08), inset 0 0 0 1px var(--rule);
  --laid-lines:   repeating-linear-gradient(0deg, rgba(40,30,15,.035) 0 1px, transparent 1px 4px);

  /* Base families (roles without a chosen face inherit these) */
  --serif:        "Source Serif 4", Georgia, serif;
  --display:      "Source Serif 4", Georgia, serif;
  --ui:           "Source Sans 3", Inter, -apple-system, sans-serif;
  --mono:         "JetBrains Mono", ui-monospace, monospace;

  /* Typeface per role */
  --f-brand:      "Playfair Display", Georgia, serif;
  --f-nav:        "Source Sans 3", system-ui, sans-serif;
  --f-toc:        "Baskervville", Georgia, serif;
  --f-h1:         "Besley", Georgia, serif;
  --f-h2:         "Libre Bodoni", Georgia, serif;
  --f-h3:         "Newsreader", Georgia, serif;
  --f-body:       "Playfair Display", Georgia, serif;
  --f-lead:       "Sorts Mill Goudy", Georgia, serif;
  --f-refs:       "Baskervville", Georgia, serif;
  --f-byline:     "Playfair Display", Georgia, serif;
  --f-footer:     "Newsreader", Georgia, serif;
  --f-button:     "Libre Bodoni", Georgia, serif;
  --f-figlabel:   "Spectral SC", Georgia, serif;

  --body-tracking: -0.015em;
}

/* ============================================================
 * JUSTIFIED RUNNING TEXT — site-wide (home, dissertation page,
 * notebooks, laboratory). Prose paragraphs, list items, notes and
 * captions are justified with automatic hyphenation (every page
 * declares lang="en"), which keeps word spacing even. Headings,
 * author lines, tables, code and controls stay left-aligned.
 * ============================================================ */
.hero-grid .lede, .hero-grid > div > p:not([class]), .research-intro, .models-intro, .section-preview,
.thread .body p, .detail-content > p, .detail-content li, .m-body,
.ed-figure figcaption, .detail-content figcaption,
.shell > p, .proj-deck,
.nb-lead, .nb-section > p, .nb-section > ul > li, .nb-section > ol > li,
.nb-note > p:not(.nb-note-label), .nb-figure figcaption, table.nb-table caption,
.lab-sub, .lab-help, .lab-note, .lab-why {
  text-align: justify;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 7 3 3;   /* only break words of 7+ letters, keeping 3 on each side */
}