/* GENERATED by gen-style-from-tokens.mjs from canon (surface-schema palette + design-consistency
   typography/WCAG). L3 STYLE of the universal compiler. DO NOT HAND-EDIT — edit the tokens in canon.
   Fonts (Nunito/Fredoka) are loaded by the host page (CSP style-src 'self' — no external @import). */
:root {
  --ink: #22201c;
  --ink2: #55524a;
  --well: #faf7f2;
  --panel: #ffffff;
  --hair: #e7e1d7;
  --ember: #E06A45;
  --filament: #E5A43B;
  --olive: #8FA35C;
  --slate: #7E93A8;
  --font-body: 'Nunito', system-ui, sans-serif;
  --font-display: 'Fredoka', 'Nunito', sans-serif;
}
/* base typography — Nunito body, Fredoka display (design-consistency bar) */
body { font-family: var(--font-body); color: var(--ink); background: var(--well); }
h1, h2, h3, .display { font-family: var(--font-display); }
/* WCAG-AA base (design-consistency wcag-aa) */
:focus-visible { outline: 3px solid var(--ember); outline-offset: 2px; }
a { color: var(--ember); }                 /* contrast-checked against --well/--panel */
button, a[role="button"], [role="button"] { min-height: 44px; }  /* tap target ≥ 44px */