/* Design tokens — colors, typography, spacing, easing. Shared across all pages. */ :root { /* surfaces */ --bg: #15241c; --bg-deep: #0f1b15; --paper: #ede6d3; --paper-warm: #e8dfc6; /* ink (on dark) */ --ink: #eae6d8; --ink-muted: rgba(234, 230, 216, 0.58); --ink-faint: rgba(234, 230, 216, 0.32); --rule: rgba(234, 230, 216, 0.14); --rule-soft: rgba(234, 230, 216, 0.08); /* ink (on paper) */ --paper-ink: #23301f; --paper-ink-muted: rgba(35, 48, 31, 0.62); --paper-rule: rgba(35, 48, 31, 0.18); --paper-rule-soft: rgba(35, 48, 31, 0.1); /* accent */ --accent: #c9a961; --accent-deep: #a88844; --accent-soft: rgba(201, 169, 97, 0.12); /* type */ --display: 'Cormorant Garamond', 'EB Garamond', Georgia, serif; --body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --mono: 'IBM Plex Mono', ui-monospace, monospace; /* layout */ --measure: 38rem; --pad-x: clamp(1.5rem, 5vw, 4rem); --pad-y: clamp(4rem, 10vh, 8rem); /* motion */ --ease: cubic-bezier(0.22, 1, 0.36, 1); } /* density variants — applied to */ [data-density='dense'] { --pad-y: clamp(3rem, 7vh, 5rem); } [data-density='airy'] { --pad-y: clamp(6rem, 14vh, 12rem); }