/* base-tokens.css - CSS custom properties: colours, spacing, glass variables (:root) */

/* ------------------- CORE STYLES ------------------- */
:root {
    --bg-dark: #bfa792;
    --site-bg-light-rgb: 212, 184, 154;
    --site-bg-mid-rgb: 191, 167, 146;
    --site-bg-dark-rgb: 139, 111, 90;
    --site-bg-shadow-rgb: 58, 42, 29;
    --text-white: #ffffff;
    --modal-dark-brown: #5a3d2a;
    --modal-dark-brown-rgb: 90, 61, 42;
    --modal-design-surface-rgb: 191, 167, 146;
    --modal-design-overlay-rgb: 191, 167, 146;
    --modal-design-tone-rgb: 90, 61, 42;
    --modal-design-sticky-rgb: var(--modal-design-surface-rgb);
    --modal-design-text-rgb: 255, 248, 239;
    --modal-design-border-rgb: 255, 248, 239;
    --site-text-rgb: var(--modal-design-text-rgb);
    --site-text-shadow-rgb: 52, 38, 28;
    --site-text-alpha: 0.98;
    --site-text-shadow-alpha: 0.24;
    --intake-shell-overlay:
        linear-gradient(215deg, rgba(255, 255, 255, 0.2) 0%, transparent 54%),
        linear-gradient(326deg, transparent 10%, rgba(255, 255, 255, 0.14) 40%, transparent 78%),
        linear-gradient(240deg, rgba(255, 255, 255, 0.1) 0%, transparent 66%),
        rgba(var(--modal-design-overlay-rgb), 0.62);
    --intake-shell-surface:
        linear-gradient(214deg, rgba(255, 255, 255, 0.24) 0%, transparent 56%),
        linear-gradient(327deg, transparent 10%, rgba(255, 255, 255, 0.16) 40%, transparent 78%),
        linear-gradient(238deg, rgba(255, 255, 255, 0.12) 0%, transparent 66%),
        linear-gradient(0deg, rgba(var(--modal-design-tone-rgb), 0.16), rgba(var(--modal-design-tone-rgb), 0.16)),
        rgb(var(--modal-design-surface-rgb));
    --intake-shell-border-alpha: 0.44;
    --intake-shell-shadow:
        0 1.2rem 3rem rgba(52, 38, 28, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
    --intake-shell-backdrop: blur(18px) saturate(118%);
    --intake-shell-overlay-backdrop: blur(16px) saturate(118%);
    --home-bg-static:
        linear-gradient(146deg, rgba(255, 255, 255, 0.18) 0%, transparent 26%),
        linear-gradient(146deg, transparent 10%, rgba(255, 255, 255, 0.1) 40%, transparent 78%),
        linear-gradient(58deg, rgba(255, 255, 255, 0.08) 0%, transparent 30%),
        radial-gradient(120% 120% at 50% 100%, #D4B89A 0%, #8B6F5A 100%);
    --booking-plaque-border-rgb: 255, 243, 227;
    --booking-plaque-shadow-rgb: 34, 22, 14;
    --booking-cue-primary-rgb: 141, 106, 78;
    --booking-cue-soft-rgb: 214, 183, 156;
    --booking-status-accent-rgb: 141, 106, 78;
    --booking-status-accent-soft-rgb: 214, 183, 156;
    --booking-status-error-rgb: 119, 82, 57;
    --booking-status-success-rgb: 214, 183, 156;
    --booking-status-success-border-rgb: 166, 129, 98;
    --booking-status-success-fg-rgb: 90, 61, 42;
    --booking-status-glow-rgb: 214, 183, 156;
    --booking-form-rgb: var(--modal-design-surface-rgb);
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.15);
    --placeholder-color: rgba(255, 255, 255, 0.6);
    --accent-gold: #6B5B4A;
    --accent-hover: #8B6F5A;
    --input-bg: rgba(255, 255, 255, 0.05);
    --services-line-height: 1.5;
    --services-paragraph-spacing: 0.35em;
    --major-block-gap: clamp(2rem, 4.8vw, 3.2rem);
    --layout-stack-gap: clamp(2rem, 4.5vw, 3rem);
    --hero-contact-gap-bottom: clamp(1.45rem, 4vw, 2rem);
    --hero-book-gap-top: clamp(1.15rem, 3.2vw, 1.85rem);
    --hero-book-gap-bottom: clamp(2rem, 5.2vw, 3rem);
    --hero-phone-button-gap: clamp(1.45rem, 4vw, 2.2rem);
    --calendar-main-max-width: 41rem;
}