/* ==========================================================================
   DESIGN TOKENS — change these to restyle the whole site.
   Swap --jj-accent to recolour everything. Change the font vars + the
   Google Fonts URL in functions.php to change typefaces.
   ========================================================================== */
:root {
	/* colours */
	--jj-paper:      #f6f1e8;  /* page background */
	--jj-surface:    #fffdf9;  /* cards */
	--jj-ink:        #1c1a16;  /* primary text */
	--jj-muted:      #6b6458;  /* secondary text */
	--jj-faint:      #9c9486;  /* labels, dates */
	--jj-line:       #e5dfd2;  /* hairline borders */
	--jj-accent:     #d85a30;  /* THE one accent colour */
	--jj-accent-ink: #4a1b0c;  /* text on the accent colour */

	/* type */
	--jj-sans: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--jj-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	/* layout */
	--jj-max:       1120px;
	--jj-gutter:    24px;
	--jj-radius:    10px;
	--jj-radius-lg: 16px;
}