:root {
    --elgon-gold: #d7aa45;
    --elgon-gold-light: #f4d783;
    --elgon-red: #e50914;
    --elgon-green: #0b241a;
    --elgon-black: #030504;
}

html {
    color-scheme: dark;
    background: var(--elgon-black);
}

body {
    color: #f7f7f4;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: var(--elgon-black);
    background-image:
        radial-gradient(circle at 78% 8%, rgba(215, 170, 69, 0.1), transparent 26rem),
        radial-gradient(circle at 8% 92%, rgba(11, 72, 47, 0.16), transparent 34rem),
        linear-gradient(145deg, #020403 0%, #07100c 52%, #020303 100%);
}

.glass-card {
    background: rgba(8, 17, 12, 0.78);
    border: 1px solid rgba(215, 170, 69, 0.16);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(18px);
}

.btn-primary {
    background: linear-gradient(135deg, #f2d27e, #c68c2a);
    color: #090702;
    font-weight: 800;
}

.elgonflix-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: inherit;
    text-decoration: none;
}

.elgonflix-brand__logos {
    display: block;
    position: relative;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden;
    background: #020202;
    box-shadow: 0 0 0 1px rgba(215, 170, 69, 0.35), 0 8px 26px rgba(0, 0, 0, 0.45);
}

.elgonflix-brand__mark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.elgonflix-brand__mark--light { opacity: 0; }

.elgonflix-brand__logos--large {
    width: 9rem;
    height: 9rem;
    margin-inline: auto;
    border-radius: 1.2rem;
}

html[data-theme="light"] .elgonflix-brand__mark--dark,
body.light .elgonflix-brand__mark--dark { opacity: 0; }

html[data-theme="light"] .elgonflix-brand__mark--light,
body.light .elgonflix-brand__mark--light { opacity: 1; }

.elgonflix-brand__name {
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -0.045em;
    line-height: 1;
    text-transform: uppercase;
}

.elgonflix-brand__name span:first-child { color: #f5f5f2; }
.elgonflix-brand__name span:last-child { color: var(--elgon-red); }

html[data-theme="light"] .elgonflix-brand__name span:first-child,
body.light .elgonflix-brand__name span:first-child { color: #171917; }

.elgonflix-wordmark {
    font-weight: 900;
    letter-spacing: -0.06em;
    text-transform: uppercase;
}

.elgonflix-wordmark .elgon { color: #f7f5ee; }
.elgonflix-wordmark .flix { color: var(--elgon-red); }

/* Compatibility utilities for the existing Tailwind-powered pages. */
.text-elgon-gold { color: var(--elgon-gold) !important; }
.text-elgon-accent { color: var(--elgon-red) !important; }
.bg-elgon-gold { background-color: var(--elgon-gold) !important; }
.border-elgon-gold { border-color: var(--elgon-gold) !important; }
.hover\:text-elgon-gold:hover { color: var(--elgon-gold-light) !important; }
.hover\:border-elgon-gold:hover { border-color: var(--elgon-gold) !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}