/* Variables and Custom Properties */
:root {
    --brand-navy: #0f172a;
    --brand-gold: #f59e0b;
    --brand-accent: #38bdf8;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--brand-navy);
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 1s ease-out forwards;
}

/* Glassmorphism utility */
.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Poster Capture Specific Styles */
#poster-capture {
    user-select: none;
    pointer-events: none;
}

#poster-capture h1 span {
    /* Avoid gradient clip issues in capture */
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: var(--brand-gold) !important;
    -webkit-text-fill-color: var(--brand-gold) !important;
}

#poster-capture i {
    /* Ensure icons are visible in capture */
    display: inline-block;
    vertical-align: middle;
}

/* Section transitions */
section {
    position: relative;
    z-index: 1;
}