/**
 * Design tokens — luxury hospitality theme
 */

:root {
    /* Colors */
    --bg-dark: #050505;
    --bg-soft: #0a0a0a;
    --bg-softer: #0d0d0d;
    --text-light: rgba(255, 255, 255, 0.94);
    --text-muted: rgba(255, 255, 255, 0.58);
    --text-soft: rgba(255, 255, 255, 0.78);
    --line-soft: rgba(255, 255, 255, 0.12);
    --accent-gold: #c8ae7d;
    --accent-ivory: #f3eee3;

    /* Typography */
    --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    --space-5xl: 8rem;
    --space-6xl: 10rem;
    --space-7xl: 12rem;

    /* Radius */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-full: 9999px;

    /* Transitions */
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out-slow: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-soft: cubic-bezier(0.25, 0.1, 0.25, 1);
    --duration-fast: 0.25s;
    --duration-normal: 0.5s;
    --duration-slow: 1s;
    --duration-slower: 1.5s;

    /* Layout */
    --max-content: 1440px;
    --max-text: 580px;
    --max-text-wide: 680px;

    /* Philosophy section tuning — edit here for vertical rhythm */
    --philosophy-min-height: 152vh;
    --philosophy-sticky-top: 50vh; /* padding-top so text starts centered; sticky keeps it there */
    --philosophy-text-max-width: 520px;
    --philosophy-text-size: clamp(1.35rem, 2vw, 1.65rem);
    --philosophy-text-line-height: 2.1;
    --philosophy-bottom-space: 0.8vh;
    --philosophy-text-safe-zone: 55%; /* center ellipse — images frame outside */
    --philosophy-text-safe-inner: 42%; /* inner transparent for reading */
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    :root {
        --duration-fast: 0.01ms;
        --duration-normal: 0.01ms;
        --duration-slow: 0.01ms;
        --duration-slower: 0.01ms;
    }
}