/* Uraan Global Academy brand overrides for Cavit UI */
:root {
    --uraan-bg: #01261e;
    --uraan-bg-deep: #001510;
    --uraan-gold: #d4af37;
    --uraan-gold-light: #f0d78c;
    --uraan-emerald: #00a86b;
}

html,
body,
body.bg-black,
nav.bg-black,
footer.bg-black {
    background-color: var(--uraan-bg) !important;
}

body {
    background-image:
        radial-gradient(ellipse 80% 50% at 80% -10%, rgba(0, 168, 107, 0.22), transparent 55%),
        radial-gradient(ellipse 60% 40% at 10% 100%, rgba(212, 175, 55, 0.12), transparent 50%);
    background-attachment: fixed;
}

/* Pink / blue → gold / emerald remaps used across Cavit */
.text-pink-400,
.text-pink-500,
.text-\[\#f472b6\],
.hover\:text-pink-400:hover,
.hover\:text-pink-500:hover {
    color: var(--uraan-gold) !important;
}

.text-blue-400,
.hover\:text-blue-400:hover {
    color: var(--uraan-gold-light) !important;
}

.bg-pink-400\/5,
.bg-pink-400\/10 {
    background-color: rgba(212, 175, 55, 0.06) !important;
}

.border-pink-400,
.border-pink-500 {
    border-color: rgba(212, 175, 55, 0.45) !important;
}

.hover\:bg-pink-400:hover,
.hover\:bg-pink-800:hover {
    background-color: rgba(212, 175, 55, 0.18) !important;
}

.from-\[\#f472b6\] {
    --tw-gradient-from: #d4af37 !important;
    --tw-gradient-to: rgb(212 175 55 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-\[\#1e40af\] {
    --tw-gradient-to: #00a86b !important;
}

/* Stronger gradient text override for common hero/stat classes */
.bg-gradient-to-b.from-\[\#f472b6\].to-\[\#1e40af\],
.bg-gradient-to-r.from-\[\#f472b6\].to-\[\#1e40af\],
.uraan-gradient-text {
    background-image: linear-gradient(to bottom, #f0d78c, #d4af37, #00a86b) !important;
}

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

.uraan-card {
    background: linear-gradient(160deg, rgba(6, 53, 41, 0.92), rgba(1, 21, 16, 0.88));
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.uraan-hero-frame {
    background: #01261e;
    /* No overflow clip — keep full logo / artwork visible */
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.uraan-hero-frame img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center top;
    /* Keep artwork vivid — never dim with overlays */
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

.uraan-hero-panel {
    background: center / cover no-repeat;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 1.5rem;
    overflow: hidden;
}

.uraan-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    border-radius: 9999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(0, 21, 16, 0.65);
    color: #fff;
    font-size: 0.85rem;
}

.uraan-pill i {
    color: var(--uraan-gold);
}

nav.border-b {
    border-color: rgba(212, 175, 55, 0.22) !important;
    backdrop-filter: blur(10px);
    background: rgba(1, 38, 30, 0.92) !important;
}

footer {
    border-top: 1px solid rgba(212, 175, 55, 0.18);
}