/* Design tokens (spec §2.1, §2.2). Day values on :root; night values when (set by js/theme.js). */ :root { --bg: #FFF8EC; --surface: #FFFFFF; --ink: #2B2340; --ink-soft: #6B6380; --glow: #F4A300; --leaf: #3E8E5E; --clay: #D9653B; --line: #EFE4D0; --font-head: 'Baloo 2', 'Mukta', system-ui, sans-serif; --font-body: 'Mukta', system-ui, sans-serif; --story-size: clamp(20px, 5.2vw, 26px); --text-scale: 1; /* reader text size step: 0.9, 1, 1.15 */ --radius: 16px; --gap: 16px; --tap: 44px; --motion: 1; /* multiplier for animation distance; halved at night */ --content-max: 960px; color-scheme: light; } [data-theme="night"] { --bg: #16142E; --surface: #221F42; --ink: #EDE6D6; --ink-soft: #B9B0C9; --glow: #FFC857; --leaf: #7CC39A; --clay: #E8906B; --line: #2F2B55; --motion: 0.5; color-scheme: dark; }