:root{--zp-cream: #FBF7EE;--zp-cream-deep: #F2EBD9;--zp-ink: #15140F;--zp-ink-soft: #3A372C;--zp-muted: #8A8676;--zp-hairline: rgba(21, 20, 15, .1);--zp-lime: oklch(.86 .2 130);--zp-lime-ink: #0B1F00;--zp-lime-deep: oklch(.62 .18 130);--zp-magenta: oklch(.66 .24 8);--zp-cobalt: oklch(.55 .22 255);--zp-amber: oklch(.78 .18 75);--zp-font-display: "Space Grotesk", system-ui, sans-serif;--zp-font-body: system-ui, sans-serif;--zp-font-mono: "JetBrains Mono", ui-monospace, monospace;--zp-r-xs: 8px;--zp-r-sm: 14px;--zp-r-md: 20px;--zp-r-lg: 28px;--zp-r-xl: 36px;--zp-shadow-btn: 0 4px 0 rgba(21, 20, 15, .85), 0 8px 22px rgba(21, 20, 15, .18);--zp-shadow-btn-sm: 0 3px 0 rgba(21, 20, 15, .85);--zp-shadow-card: 0 1px 0 rgba(21, 20, 15, .04);--zp-shadow-lift: 0 12px 40px rgba(0, 0, 0, .18);--zp-ease-play: cubic-bezier(.6, .1, .4, .9);--zp-ease-snap: cubic-bezier(.3, .7, .4, 1);--zp-dur-micro: .15s;--zp-dur-panel: .24s;--zp-dur-loader: 2.4s}