/* Soft Acro Aaron design tokens (light theme). Source: design system artifact
   https://claude.ai/artifact/BiEp5fxwYwzBMmJcZZrP2S (project/tokens.json); same block as the avatar site's tokens.css.
   EVERY colour, font, radius and shadow on this site is read from here: builder.css and page.css contain no hex values.
   Text on --signal uses --on-signal (navy): white on orange fails contrast. Orange TEXT on light grounds uses --signal-ink.
   Fonts are self-hosted in /assets/fonts/ (SIL OFL, licence files next to them). Nothing is loaded from Google or any CDN. */

/* Jost (headings), Figtree (text), Caveat (handwritten notes): variable woff2, Latin. font-display: swap = text shows at once in the fallback font. */
@font-face { font-family: "Jost"; src: url("fonts/Jost-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/Figtree-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Caveat"; src: url("fonts/Caveat-Variable.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  --cloud: #F6FAFE;
  --surface: #FFFFFF;
  --sky: #DEEFFD;
  --sky-strong: #C3DDF3;
  --line: #CFE2F3;
  --line-strong: #5E86AA;
  --dots: #8DB8DD;
  --ink: #0F2A43;
  --ink-muted: #3E5A73;
  --blue: #2B6197;
  --blue-strong: #1F4C79;
  --on-blue: #FFFFFF;
  --signal: #EB6D38;
  --signal-hover: #F3844F;
  --signal-bold: #DA5B26;
  --signal-ink: #B04418;
  --on-signal: #0F2A43;
  --peach: #FDEBDF;
  --success: #1D7555;
  --danger: #B42318;
  --focus: #2B6197;
  --scrim: rgba(6, 16, 26, .82);
  /* poster hotspot tints (poster page only): hover = blue wash, picked = orange wash */
  --hotspot-hover: rgba(43, 97, 151, .14);
  --hotspot-on: rgba(235, 109, 56, .16);

  --font-display: Jost, "Futura PT", Futura, "Century Gothic", "Avenir Next", sans-serif;
  --font-text: Figtree, "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-hand: Caveat, "Bradley Hand", "Segoe Print", cursive;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 72px; --space-9: 112px;

  --radius-xs: 6px; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px; --radius-xl: 40px; --radius-full: 999px;

  --shadow-card: 0 1px 2px #0f2a430d, 0 12px 32px -14px #0f2a4333;
  --shadow-float: 0 2px 6px #0f2a4314, 0 24px 48px -18px #0f2a4340;
  --shadow-bar: 0 -1px 2px #0f2a430d, 0 -12px 32px -14px #0f2a4333;
  --focus-ring: 0 0 0 3px #F6FAFE, 0 0 0 6px #2B6197;
  --stroke-control: 2px;
  --stroke-hand: 5px;
}