/* Ultra-Luxury Typography and Bespoke Styles */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Plus+Jakarta+Sans:wght@200;300;400;500;600&display=swap');

:root {
    --color-bg: #090a0c;
    --color-surface: #101216;
    --color-surface-card: #15181e;
    --color-border: rgba(212, 175, 55, 0.14);
    --color-border-subtle: rgba(255, 255, 255, 0.06);
    --color-gold: #c5a870;
    --color-gold-light: #dfcaa0;
    --color-gold-muted: rgba(197, 168, 112, 0.4);
    --color-cream: #f4f2ee;
    --color-muted: #8b929e;
}

body {
    background-color: var(--color-bg);
    color: var(--color-cream);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
}

.font-serif {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Subtle background vignette & luxury lighting effect */
.luxury-ambient {
    background: 
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(197, 168, 112, 0.12), transparent 70%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(197, 168, 112, 0.05), transparent 70%),
        #090a0c;
}

/* Hairline borders */
.border-gold-subtle {
    border-color: var(--color-border);
}

.border-subtle {
    border-color: var(--color-border-subtle);
}

/* Gold Gradient Text */
.text-gold-gradient {
    background: linear-gradient(135deg, #f7ecd5 0%, #c5a870 50%, #9e7f45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gold {
    color: var(--color-gold);
}

/* Luxury Card */
.luxury-card {
    background: linear-gradient(180deg, rgba(21, 24, 30, 0.7) 0%, rgba(16, 18, 22, 0.85) 100%);
    backdrop-filter: blur(16px);
    border: 1px solid var(--color-border-subtle);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-card:hover {
    border-color: rgba(197, 168, 112, 0.28);
    transform: translateY(-2px);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5), 0 0 20px -5px rgba(197, 168, 112, 0.06);
}

/* Soft gold glow button - future state */
.btn-future {
    background: linear-gradient(180deg, rgba(30, 34, 42, 0.4) 0%, rgba(18, 20, 26, 0.6) 100%);
    border: 1px dashed rgba(197, 168, 112, 0.35);
    color: rgba(223, 202, 160, 0.75);
    transition: all 0.4s ease;
}

.btn-future:hover {
    border-color: rgba(197, 168, 112, 0.6);
    color: rgba(247, 236, 213, 0.95);
    background: linear-gradient(180deg, rgba(40, 45, 56, 0.5) 0%, rgba(24, 28, 36, 0.7) 100%);
    box-shadow: 0 0 25px -5px rgba(197, 168, 112, 0.15);
}

/* Subtle gold pulse */
@keyframes subtlePulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

.pulse-gold {
    animation: subtlePulse 3.5s infinite ease-in-out;
}

/* Modal overlay transitions */
.modal-backdrop {
    backdrop-filter: blur(12px);
    background: rgba(4, 5, 7, 0.85);
}

/* Bespoke Luxury "Coming Soon" Stamp */
.luxury-stamp {
    position: absolute;
    top: -14px;
    right: 16px;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    background: #111318;
    border: 1.5px solid #c5a870;
    outline: 1px dashed rgba(197, 168, 112, 0.35);
    outline-offset: -3px;
    box-shadow: 
        0 0 0 2px rgba(9, 10, 12, 0.9),
        0 12px 28px -4px rgba(0, 0, 0, 0.8),
        0 0 20px -2px rgba(197, 168, 112, 0.3);
    border-radius: 4px;
    color: #dfcaa0;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    transform: rotate(4deg);
    pointer-events: none;
    user-select: none;
}

.luxury-stamp::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c5a870;
    box-shadow: 0 0 8px #c5a870;
}