/* ============================================================ AZANOV RETREAT — DESIGN SYSTEM Private Retreats from A to Z ============================================================ */ /* Google Fonts loaded async via in HTML to avoid render-blocking */ /* ---- TOKENS ---- */ :root { --teal: #40E0D0; --teal-dim: #2AB5A7; --teal-light: #E0F7FA; --gold: #C9A84C; --gold-light: #F0D98A; --deep: #003344; --bg: #06101A; --bg-2: #080F18; --surface: rgba(255, 255, 255, 0.055); --surface-2: rgba(255, 255, 255, 0.09); --border: rgba(255, 255, 255, 0.10); --border-teal: rgba(64, 224, 208, 0.25); --text: #EEF4F6; --text-muted: #7A9BA8; --text-dim: #3A5A68; --radius-sm: 12px; --radius-md: 20px; --radius-lg: 32px; --radius-xl: 48px; --shadow-glass: 0 8px 40px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.07) inset; --shadow-card: 0 24px 80px rgba(0, 0, 0, 0.6); --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); --font-head: 'Cormorant', Georgia, serif; --font-body: 'PT Sans', system-ui, sans-serif; } /* ---- i18n FOUC PREVENTION (targeted) ---- */ /* Only the hero title flashes visibly — hide just that element. Global visibility:hidden on all [data-i18n] hurts LCP score. */ .hero__title { visibility: hidden; } body.i18n-ready .hero__title { visibility: visible; animation: i18n-fadein 0.15s ease both; } @keyframes i18n-fadein { from { opacity: 0; } to { opacity: 1; } } /* ============================================================ PRELOADER — full-screen overlay (SEO-safe: content is in DOM underneath, crawlers read it via