/* ==========================================================================
   Design tokens — the two palettes from the Journal design.
   Light is the default; [data-theme="dark"] overrides. Every colour is a
   variable so the whole page recolours on toggle. Hex fallbacks precede the
   oklch values for browsers without oklch support.
   ========================================================================== */

:root {
	--bg:      #faf7f0;
	--alt:     #f3efe5;
	--card:    #ffffff;
	--ink:     #1f1b16;
	--body:    #5c554b;
	--sub:     #8a8175;
	--faint:   #b5ab99;
	--line:    #d9d2c4;
	--blend:   multiply;

	--accent:    #c65c40;
	--accent:    oklch(0.58 0.19 30);
	--accent-06: rgba(198, 92, 64, 0.06);
	--accent-06: oklch(0.58 0.19 30 / 0.06);
	--accent-85: rgba(198, 92, 64, 0.85);
	--accent-85: oklch(0.58 0.19 30 / 0.85);
	--accent-9:  rgba(198, 92, 64, 0.9);
	--accent-9:  oklch(0.58 0.19 30 / 0.9);
	--accent-25: rgba(198, 92, 64, 0.25);
	--accent-25: oklch(0.58 0.19 30 / 0.25);

	--serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
	--sans:  'Space Grotesk', system-ui, -apple-system, sans-serif;
	--mono:  'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

	--wrap: 1080px;
	--pad:  clamp(24px, 6vw, 72px);
}

[data-theme="dark"] {
	--bg:      #16130e;
	--alt:     #1e1a13;
	--card:    #221d15;
	--ink:     #f0ead9;
	--body:    #b6ac98;
	--sub:     #93897a;
	--faint:   #665f50;
	--line:    #37312a;
	--blend:   screen;

	--accent:    #dd7454;
	--accent:    oklch(0.68 0.17 35);
	--accent-06: rgba(221, 116, 84, 0.10);
	--accent-06: oklch(0.68 0.17 35 / 0.10);
	--accent-85: rgba(221, 116, 84, 0.85);
	--accent-85: oklch(0.68 0.17 35 / 0.85);
	--accent-9:  rgba(221, 116, 84, 0.90);
	--accent-9:  oklch(0.68 0.17 35 / 0.90);
	--accent-25: rgba(221, 116, 84, 0.25);
	--accent-25: oklch(0.68 0.17 35 / 0.25);
}