:root {
    --betah-navy: #0e2a47;
    --betah-gold: #d4af37;
    --betah-sage: #688e89;
    --betah-blush: #e7a6a3;
    --betah-cream: #fbf5ef;
    --betah-petal: #9bb8c9;

    --color-primary: var(--betah-navy);
    --color-accent: var(--betah-gold);
    --color-sage: var(--betah-sage);
    --color-blush: var(--betah-blush);
    --color-background: var(--betah-cream);
    --color-text: #24303a;
    --color-text-muted: #756f69;
    --color-border: rgba(14, 42, 71, 0.1);
    --color-petal: var(--betah-petal);

    --bw-cream: var(--color-background);
    --bw-cream-deep: #f3e9dc;
    --bw-navy: var(--color-primary);
    --bw-navy-soft: #17375a;
    --bw-gold: var(--color-accent);
    --bw-gold-deep: #b8942e;
    --bw-sage: var(--color-sage);
    --bw-blush: var(--color-blush);
    --bw-text: var(--color-text);
    --bw-muted: var(--color-text-muted);
    --bw-line: var(--color-border);
    --bw-shadow: 0 18px 40px rgba(14, 42, 71, 0.08);

    --bw-font-display: "Playfair Display", "Times New Roman", serif;
    --bw-font-body: "Cormorant Garamond", "Palatino Linotype", Palatino, serif;
    --bw-font-script: "Dancing Script", "Segoe Script", cursive;
    --bw-font-arabic: "Geeza Pro", "Traditional Arabic", "Al Bayan", "Baghdad", "Nadeem", "KufiStandardGK", "Arial", "Tahoma", serif;

    --bw-space: clamp(1.25rem, 4vw, 3.5rem);
    --bw-header: 4.25rem;
    --bw-radius: 1.1rem;
    --bw-radius-btn: 0.65rem;
    --bw-touch: 2.75rem;
    --bw-ease: cubic-bezier(0.22, 1, 0.36, 1);

    --bw-hero-min: 100vh;
    --bw-hero-min: 100svh;
}

@supports (height: 100dvh) {
    :root {
        --bw-hero-min: 100dvh;
    }
}