/* ==========================================
   COMPNOW — GLOBAL LIGHT DESIGN
   White backgrounds, dark readable lettering
   ========================================== */

:root {
    color-scheme: light;
}

/* MAIN WEBSITE BACKGROUND */
html,
body {
    background: #ffffff !important;
    background-image: none !important;
    color: #102d50 !important;
}

/* MAIN CONTENT AREAS */
main,
main > section,
.hero,
.hero-section,
.services,
.services-section,
.about-section,
.contact-section,
.cta-section,
.features,
.feature-section {
    background: #ffffff !important;
    background-image: none !important;
    color: #102d50 !important;
}

/* REMOVE DARK BACKGROUNDS FROM CONTENT PANELS */
main article,
main aside,
main .card,
main .service-card,
main .feature-card,
main .info-card,
main .contact-card,
main .service-box,
main .feature-box,
main .info-box,
main .panel,
main .tile,
main .glass,
main .glass-card {
    background: #f4f7fb !important;
    background-image: none !important;
    color: #102d50 !important;
    border-color: #d6e0eb !important;
    box-shadow: none !important;
}

/* DARK, BOLD HEADINGS */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: #102d50 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

/* READABLE BODY TEXT */
main p,
main li,
main dd,
main dt,
main blockquote {
    color: #173653 !important;
    font-size: max(17px, 1em) !important;
    font-weight: 650 !important;
    line-height: 1.7 !important;
    opacity: 1 !important;
}

/* SMALL LABELS — BIGGER AND BOLDER */
main small,
main .eyebrow,
main .overline,
main .section-label,
main .section-tag,
main .hero-label,
main .hero-meta,
main .caption,
main .micro,
main .tiny,
main .small-text,
main .stat-label,
main .location {
    color: #173653 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    opacity: 1 !important;
}

/* DESCRIPTIONS */
main .description,
main .subtitle,
main .hero-description,
main .service-description {
    color: #173653 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* CONTENT LINKS */
main a:not(.btn):not(.button) {
    color: #124d91 !important;
    font-weight: 750 !important;
    opacity: 1 !important;
}

/* REMOVE DARK DECORATIVE BOXES */
.hero-visual,
.hero-graphic,
.hero-orbit,
.hero-orbits,
.hero-rings,
.orbit,
.orbit-ring,
.tech-orbit,
.tech-circle,
.hero-sphere,
.hero-globe,
.hero-art,
.hero-illustration,
.floating-card,
.float-card,
.orbit-card,
.hero-float,
.hero-floating,
.tech-badge {
    display: none !important;
}

/* KEEP THE ORIGINAL LOGO */
.compnow-original-logo,
.compnow-original-logo img {
    display: block !important;
}

/* PRESERVE THE GOLD HEADER */
.site-header {
    background: linear-gradient(
        180deg,
        #f3dc78 0%,
        #d9ad22 55%,
        #c28e08 100%
    ) !important;
}

/* PRESERVE BLUE NAVIGATION */
.desktop-nav {
    background: #174c96 !important;
}

.desktop-nav a {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* LIGHT MOBILE NAVIGATION */
.mobile-nav {
    background: #f4f7fb !important;
}

.mobile-nav a {
    color: #102d50 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* BUTTONS */
main .btn,
main .button,
main button {
    font-weight: 800 !important;
    opacity: 1 !important;
}

/* INPUTS */
input,
textarea,
select {
    background: #ffffff !important;
    color: #102d50 !important;
    border-color: #aebfd0 !important;
}

/* NO ANIMATIONS */
*,
*::before,
*::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

/* KEEP CONTENT VISIBLE */
[data-aos],
.reveal,
.fade-in,
.animated {
    opacity: 1 !important;
    visibility: visible !important;
}

/* MOBILE */
@media (max-width: 768px) {
    main p,
    main li {
        font-size: 17px !important;
    }

    main small,
    main .eyebrow,
    main .section-label {
        font-size: 14px !important;
    }
}
