/* ═══════════════════════════════════════════════════════════
 *  Base — Fonts, CSS variables, html/body resets, portal container
 *  @module wp-base.css
 * ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Great+Vibes&family=Manrope:wght@400;500;600&display=swap');

:root {
    --wp-portal-watercolor: none;
    --wp-portal-paper-mask: none;
    --wp-portal-paper-texture: none;
    --wp-portal-video-frame: none;
    --wp-portal-backdrop-blur-strength: 100;
    --wp-portal-ink: #2f2014;
    --wp-portal-ink-soft: rgba(63, 42, 26, 0.78);
    --wp-portal-gold: #d8b36d;
    --wp-portal-gold-deep: #8a612d;
    --wp-portal-night: #060506;
}

html.wedding-portal-active,
body.wedding-portal-active {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.wedding-portal-active {
    cursor: none;
    background-color: #0f0a09 !important;
    background-image:
        linear-gradient(180deg, rgba(8, 6, 6, 0.44), rgba(8, 6, 6, 0.78)),
        var(--wp-portal-watercolor) !important;
    background-position: center center, center center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    background-attachment: fixed, fixed !important;
}

.wedding-portal,
.wedding-portal * {
    box-sizing: border-box;
}

.wedding-portal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden;
    display: block;
    cursor: none;
    isolation: isolate;
    perspective: 2600px;
    transform-style: preserve-3d;
    background-color: var(--wp-portal-night);
    background-image:
        radial-gradient(circle at 18% 16%, rgba(255, 237, 211, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(6, 4, 4, 0.12), rgba(8, 5, 5, 0.66)),
        var(--wp-portal-watercolor);
    background-position: center center, center center, center center;
    background-size: cover, cover, cover;
    background-repeat: no-repeat, no-repeat, no-repeat;
}