/* =========================================
   INFO SERVICES BRAND GUIDELINES (BIBLE A)
   Strict Override Sheet
   ========================================= */

/* 1. TYPOGRAPHY: Figtree */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

:root {
    /* Page shell — align with components-layout */
    --page-bg: #0b0b0b;
    /* PRIMARY GRADIENT COLORS */
    --brand-dark-1: #0A092E;
    /* Dark Navy */
    --brand-dark-2: #2A1D4D;
    /* Deep Purple */
    --brand-dark-3: #1F1B48;
    /* Mid Purple */
    --brand-magenta: #852275;
    /* Brand Magenta */

    /* SECONDARY COLORS */
    --brand-blue-light: #3B96FF;
    --brand-blue-dark: #145BE1;

    /* GRADIENTS */
    --brand-gradient-primary: linear-gradient(135deg, #0A092E 0%, #2A1D4D 50%, #852275 100%);
    --brand-gradient-hover: linear-gradient(135deg, #2A1D4D 0%, #852275 100%);

    /* FUNCTIONAL */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.7);
}

body {
    font-family: var(--font-family-sans, 'Figtree', sans-serif) !important;
    background-color: var(--page-bg) !important;
    color: var(--text-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--font-family-sans, 'Figtree', sans-serif) !important;
    font-weight: 700;
}

/* OVERRIDE BUTTONS */
.btn-primary,
.btn-info,
.btn-outline-gradient {
    background: var(--brand-blue-light) !important;
    border-color: var(--brand-blue-light) !important;
    color: white !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-info:hover {
    background: var(--brand-blue-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(59, 150, 255, 0.4);
}

/* OVERRIDE HERO BACKGROUNDS */
.hero-slider-section,
.page-hero-v2,
.hero-v2,
.platform-hero {
    background: var(--brand-gradient-primary) !important;
}

/* OVERRIDE TEXT HIGHLIGHTS */
.text-info,
.text-primary,
.gradient-text-cyan,
.neon-text-cyan {
    color: var(--brand-blue-light) !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
}

.gradient-text-gold,
.text-warning {
    color: #FFD700 !important;
    /* Keep Gold as it matches purple well (complementary) */
}

/* OVERRIDE CARDS (Glass -> Brand Glass) */
.glass-card-v2,
.bento-card,
.accelerator-card,
.glass-card-3d {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(133, 34, 117, 0.3) !important;
    /* Magenta Border hint */
}

.glass-card-v2:hover,
.bento-card:hover,
.accelerator-card:hover {
    border-color: var(--brand-blue-light) !important;
    box-shadow: 0 10px 40px rgba(133, 34, 117, 0.2) !important;
}

/* LOGO FIX */
/* .navbar-brand img {
    filter: brightness(0) invert(1) !important;
} */

.navbar-brand span {
    color: white !important;
}

.navbar-brand .text-primary {
    color: var(--brand-blue-light) !important;
}

/* FOOTER */
footer.bg-dark {
    background-color: #05041a !important;
    /* Darker shade of brand */
    border-top: 1px solid rgba(133, 34, 117, 0.2);
}

/* ACCENTS */
.bi-gear-wide-connected {
    color: var(--brand-magenta) !important;
}

.hero-orb {
    filter: blur(120px);
    opacity: 0.5;
}

.orb-1 {
    background: var(--brand-magenta) !important;
}

/* Replace Cyan Orb with Magenta */
.orb-2 {
    background: var(--brand-blue-dark) !important;
}

/* TABLET/MOBILE FIXES */
@media (max-width: 992px) {
    .navbar-collapse {
        background: var(--brand-dark-2);
        padding: 20px;
        border-radius: 0 0 15px 15px;
    }
}