:root{ /* colour — warm paper & ink */ --paper: oklch(0.982 0.008 85); --paper-raised: oklch(0.960 0.010 82); --ink: oklch(0.245 0.012 55); --ink-soft: oklch(0.42 0.012 55); --ink-faint: oklch(0.58 0.010 60); --rule: oklch(0.78 0.010 70); --rule-hair: oklch(0.87 0.010 75); --accent: oklch(0.46 0.10 25); --accent-hover: oklch(0.37 0.11 25); --series-bg: oklch(0.955 0.012 80); /* type */ --serif: 'Iowan Old Style','Charter','Georgia','PT Serif','Times New Roman',serif; --mono: 'SF Mono','Menlo','Consolas','Liberation Mono',monospace; /* scale */ --t-xs:.75rem; --t-sm:.8125rem; --t-base:1.125rem; --t-lg:1.375rem; --t-xl:1.6875rem; --t-2xl:2.375rem; --t-3xl:3.25rem; --leading:1.55; /* space */ --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4.5rem; --measure:68ch; --radius:2px; } /* Light is the default. Dark ("night reading") is opt-in: set . */ html[data-theme="dark"]{ --paper: oklch(0.205 0.008 70); --paper-raised: oklch(0.240 0.009 70); --ink: oklch(0.885 0.010 80); --ink-soft: oklch(0.72 0.010 80); --ink-faint: oklch(0.575 0.010 80); --rule: oklch(0.42 0.010 70); --rule-hair: oklch(0.32 0.010 70); --accent: oklch(0.72 0.09 45); --accent-hover: oklch(0.80 0.09 45); --series-bg: oklch(0.235 0.010 70); }