/* BAGABOOTH — bold image-first design tokens (standalone identity) */
:root {
    /* Surfaces — warm off-white luxury */
    --color-bg: #f8f6f3;
    --color-bg-warm: #f1ede7;
    --color-bg-dark: #111111;
    --color-surface: #ffffff;

    /* Text */
    --color-text: #111111;
    --color-text-muted: #555555;
    --color-text-soft: #8a8278;
    --color-text-invert: #f8f6f3;

    /* Accents — used sparingly */
    --color-accent: #8a7a5c;
    --color-accent-subtle: rgba(138, 122, 92, 0.14);

    /* Hairlines */
    --color-rule: rgba(17, 17, 17, 0.1);
    --color-rule-soft: rgba(17, 17, 17, 0.05);
    --color-rule-invert: rgba(248, 246, 243, 0.18);

    /* Overlays */
    --overlay-hero: linear-gradient(
        180deg,
        rgba(17, 17, 17, 0.15) 0%,
        rgba(17, 17, 17, 0.35) 55%,
        rgba(17, 17, 17, 0.75) 100%
    );
    --overlay-tile: linear-gradient(
        180deg,
        rgba(17, 17, 17, 0) 45%,
        rgba(17, 17, 17, 0.7) 100%
    );

    /* Typography */
    --font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
    --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

    --text-hero: clamp(3.5rem, 10vw, 7.5rem);
    --text-display: clamp(2.75rem, 7vw, 5.5rem);
    --text-h2: clamp(2rem, 5vw, 4rem);
    --text-h3: clamp(1.25rem, 2vw, 1.5rem);
    --text-lead: clamp(1.05rem, 1.4vw, 1.25rem);
    --text-body: 1rem;
    --text-label: 0.72rem;

    /* Layout */
    --header-height: 76px;
    --container-padding: clamp(1.25rem, 4vw, 2.5rem);
    --container-max: 1400px;
    --container-narrow: 720px;
    --container-text: 880px;
    --section-padding: clamp(5rem, 12vw, 9rem);

    /* Geometry — minimal, photo-first */
    --radius-sm: 2px;
    --radius-md: 4px;

    /* Shadows — restrained */
    --shadow-soft: 0 1px 3px rgba(17, 17, 17, 0.05);
    --shadow-photo: 0 20px 60px rgba(17, 17, 17, 0.12);

    /* Motion */
    --transition-base: 220ms ease;
    --transition-slow: 0.55s ease;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}