/* ============================================================ OTTOPUS · Design Tokens · v3 Mediterranean Editorial · light/airy · photography-first FONTS (Google Fonts, loaded via in HTML ): family=Lora:ital,wght@0,400..700;1,400..700 — display headlines, full Cyrillic, variable weight family=Inter:wght@400;500;600 — body text, full Cyrillic family=JetBrains+Mono:wght@400;500 — prices, dates, mono labels, full Cyrillic ============================================================ */ :root { --ivory: #fbf7ee; --sand: #f0e7d3; --warm-sand: #e7d8b5; --ink: #1e1812; --warm-grey: #4d4337; --warm-grey-soft: #6b6055; --terracotta: #c1572f; --terracotta-deep: #a04621; --sage-soft: #7c8a72; --sea-soft: #1f5577; --hairline: rgba(30, 24, 18, 0.08); --hairline-strong: rgba(30, 24, 18, 0.16); --font-display: "Lora", "Cormorant Garamond", "Fraunces", Georgia, serif; --font-body: "Inter", "Söhne", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; --page-pad: clamp(24px, 6vw, 96px); --max-w: 1320px; --section-gap: clamp(80px, 12vw, 200px); }