/* Uraan Global – logo gold accents only.
   Keep dashboard surfaces black (#000 / #0d0d0d) to match sidebar & top bar.
   Do not force green body backgrounds. */

:root {
    --uraan-gold: #d4af37;
    --uraan-gold-light: #f0d78c;
    --uraan-gold-deep: #cea95b;
}

html,
body,
body.bg-black {
    background-color: #000 !important;
    background-image: none !important;
}

nav.bg-black,
footer.bg-black {
    background-color: #000 !important;
}

/* Pink / blue → gold 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: #cea95b !important;
}

.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, #cea95b) !important;
}

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

.uraan-card {
    background: linear-gradient(160deg, rgba(18, 18, 18, 0.96), rgba(0, 0, 0, 0.92));
    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: #000;
    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;
    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(13, 13, 13, 0.85);
    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(13, 13, 13, 0.92) !important;
}

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

/* Component gradients from style.css ? logo gold */
.gradient-btn,
.gradient-border-text {
    background-image: linear-gradient(#000, #000),
        linear-gradient(to top, #cea95b, #d4af37) !important;
}
.gradient-btn:hover {
    background-image: linear-gradient(#000, #000),
        linear-gradient(to bottom, #cea95b, #d4af37) !important;
}
.gradient-border-text-dash {
    background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #cea95b, #d4af37) !important;
}
.gradient-btn-filled,
.gradient-btn-filled-edit,
.gradient-btn-filled-submit,
.gradient-btn-filled:hover,
.gradient-btn-filled-submit:hover {
    background: linear-gradient(to top, #cea95b, #f0d78c, #fff8dc) !important;
    color: #0d0d0d !important;
}
.gradient-btn-filled2,
.gradient-btn-filled2a,
.gradient-btn-filled2:hover,
.gradient-btn-filled2a:hover {
    background: linear-gradient(to top, #8a6a2f, #cea95b, #d4af37) !important;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #cea95b, #d4af37) !important;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to top, #cea95b, #d4af37) !important;
}
* {
    scrollbar-color: #d4af37 transparent !important;
}