@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
    --gogo-black: #111111;
    --gogo-white: #ffffff;
    --gogo-gold: #FF6A1C;
    --gogo-dark-gray: #2f2f2f;
    --gogo-soft: #f7f6f1;
}

body {
    font-family: 'Poppins', sans-serif !important;
    color: var(--gogo-black);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-black,
.font-extrabold {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom-color: rgba(17, 17, 17, 0.08) !important;
}

.hero-gradient {
    background: radial-gradient(circle at 15% 20%, var(--gogo-dark-gray) 0%, var(--gogo-black) 82%) !important;
}

.service-icon,
.login-gradient {
    background: linear-gradient(135deg, var(--gogo-black) 0%, var(--gogo-dark-gray) 100%) !important;
}

.card-hover:hover {
    border-color: var(--gogo-gold) !important;
}

.blob {
    background: var(--gogo-gold) !important;
}

.mobile-link:hover {
    color: var(--gogo-gold) !important;
}

img[src*="src_logo/"] {
    width: 150px !important;
    height: 54px !important;
    object-fit: cover !important;
    object-position: center !important;
}

footer img[src*="src_logo/"] {
    width: 170px !important;
    height: 62px !important;
}

.sidebar-item.active {
    background: linear-gradient(135deg, var(--gogo-black) 0%, var(--gogo-dark-gray) 100%) !important;
    color: var(--gogo-white) !important;
    box-shadow: 0 10px 22px -8px rgba(17, 17, 17, 0.55) !important;
}

.sidebar-item.active i {
    color: var(--gogo-gold) !important;
}

.bg-blue-50,
.bg-blue-100,
.bg-emerald-50,
.bg-emerald-100,
.bg-yellow-400 {
    background-color: rgba(255, 106, 28, 0.12) !important;
}

.bg-blue-400,
.bg-blue-500,
.bg-blue-600,
.bg-blue-700,
.bg-blue-900 {
    background-color: var(--gogo-gold) !important;
}

.bg-slate-900 {
    background-color: var(--gogo-black) !important;
}

.bg-slate-50 {
    background-color: var(--gogo-soft) !important;
}

.text-blue-400,
.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-emerald-400,
.text-emerald-500,
.text-emerald-600,
.text-emerald-700,
.text-yellow-400 {
    color: var(--gogo-gold) !important;
}

.text-slate-900 {
    color: var(--gogo-black) !important;
}

.bg-blue-600.text-white,
.bg-blue-700.text-white,
.bg-blue-500.text-white,
.bg-yellow-400.text-slate-900 {
    color: var(--gogo-black) !important;
}

.border-blue-100,
.border-blue-200,
.border-blue-600,
.border-emerald-100,
.border-emerald-600 {
    border-color: var(--gogo-gold) !important;
}

.from-blue-500,
.from-blue-600,
.from-blue-700 {
    --tw-gradient-from: var(--gogo-black) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(17, 17, 17, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-blue-400,
.to-blue-600,
.to-blue-900 {
    --tw-gradient-to: var(--gogo-gold) var(--tw-gradient-to-position) !important;
}

.shadow-blue-100,
.shadow-blue-200,
.shadow-blue-900\/20,
.shadow-emerald-100,
.shadow-yellow-200 {
    --tw-shadow-color: rgba(255, 106, 28, 0.25) !important;
}

.focus\:border-blue-600:focus,
.focus\:border-blue-500:focus {
    border-color: var(--gogo-gold) !important;
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: rgba(255, 106, 28, 0.35) !important;
}

.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.group:hover .group-hover\:bg-blue-600 {
    background-color: var(--gogo-gold) !important;
    color: var(--gogo-black) !important;
}

.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover,
.hover\:text-emerald-600:hover,
.group:hover .group-hover\:text-blue-600,
.group:hover .group-hover\:text-emerald-600 {
    color: var(--gogo-gold) !important;
}

.hover\:border-emerald-600:hover,
.hover\:border-blue-600:hover {
    border-color: var(--gogo-gold) !important;
}

.prose a,
a:focus-visible,
button:focus-visible {
    outline-color: var(--gogo-gold) !important;
}