@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--xop-cream:#faf8f3;--xop-surface:#fff;--xop-ink:#171513;--xop-ink2:#4a4742;--xop-ink3:#8a867e;--xop-line:#e5e2dc;--xop-line-soft:#f2f0ec;--xop-accent:#5c6612;--xop-accent-soft:#eef6c9;--xop-accent-deep:#404a0c;--xop-sale:#b23a2a;--xop-sale-soft:#fbeae5;--xop-good:#2f6b3f;--difan-lime:#d4f22a;--difan-lime-bright:#e0ff3a;--difan-lime-shade:#b8d622}