/* ============================================================ YACHTING SAIL · Design Tokens · v1 Soft turquoise · light/airy · photography-first (forked from OTTOPUS Mediterranean tokens — палитра под бирюзу) 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 — labels, dates, mono accents, full Cyrillic ============================================================ */ :root { /* surfaces — keep token names; values shifted warm→turquoise */ --ivory: #f3fafb; /* page background + light text on dark */ --sand: #d9eef1; /* soft turquoise section background */ --warm-sand: #bfe1e7; --ink: #0e2c3a; /* deep teal-navy text (matches logo) */ --warm-grey: #3d5a66; --warm-grey-soft: #5d7a85; --terracotta: #1d86a8; /* primary accent — teal-blue from compass logo */ --terracotta-deep: #146177; --sage-soft: #5fa0a6; --sea-soft: #1f5577; --hairline: rgba(14, 44, 58, 0.10); --hairline-strong: rgba(14, 44, 58, 0.18); --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); }