/* ==========================================
   COMPNOW — DAYLIGHT DESIGN
   White backgrounds, blue lettering
   No dark content boxes
   ========================================== */

:root {
    color-scheme: light;
}

/* WHITE PAGE BACKGROUND */
html,
body,
main {
    background: #ffffff !important;
    background-image: none !important;
    color: #123b70 !important;
}

/* ALL MAIN SECTIONS */
main section,
main article,
main aside,
main .container,
main .wrapper,
main .content,
main .panel,
main .card,
main .box,
main .tile,
main .service-card,
main .feature-card,
main .info-card,
main .contact-card,
main .about-card,
main .service-box,
main .feature-box,
main .info-box,
main .glass,
main .glass-card {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #123b70 !important;
    border-color: #d8e4f0 !important;
    box-shadow: none !important;
}

/* REMOVE DARK GRADIENTS */
main .hero,
main .services,
main .about,
main .contact,
main .features,
main .cta,
main .section-dark,
main .dark-section,
main .dark-panel,
main .dark-card,
main .bg-dark,
main .bg-black {
    background: #ffffff !important;
    background-image: none !important;
    color: #123b70 !important;
}

/* ALL HEADINGS */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: #123b70 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

/* BODY TEXT */
main p,
main li,
main span,
main small,
main strong,
main label,
main blockquote {
    color: #123b70 !important;
    opacity: 1 !important;
}

/* BOLDER TEXT */
main p,
main li {
    font-weight: 650 !important;
}

/* SMALL LABELS — SAME SIZE, BOLD BLUE */
main .eyebrow,
main .overline,
main .section-label,
main .section-tag,
main .section-kicker,
main .about-label,
main .about-eyebrow,
main .about-kicker,
main .established,
main .established-label,
main .company-label,
main .hero-label,
main .caption,
main .micro,
main .tiny,
main .small-text {
    color: #0754a3 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

/* ABOUT SECTION */
#about,
.about,
.about-section,
.about-content,
.about-text,
.about-info {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #123b70 !important;
}

/* ABOUT — ESTABLISHED 1997 / COMP NOW LLC */
#about small,
#about .eyebrow,
#about .overline,
#about .section-label,
#about .section-tag,
#about .section-kicker,
.about-section small,
.about-section .eyebrow,
.about-section .overline,
.about-section .section-label,
.about-section .section-tag,
.about-section .section-kicker {
    color: #0754a3 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

/* SERVICE AND INFORMATION CARDS */
main [class*="card"],
main [class*="panel"],
main [class*="tile"],
main [class*="box"] {
    background-color: #f7faff !important;
    background-image: none !important;
    color: #123b70 !important;
    border-color: #d8e4f0 !important;
}

/* TEXT INSIDE CARDS */
main [class*="card"] *,
main [class*="panel"] *,
main [class*="tile"] *,
main [class*="box"] * {
    color: #123b70 !important;
    opacity: 1 !important;
}

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

/* BUTTONS — GOLD WITH DARK TEXT */
main .btn,
main .button,
main button {
    background-color: #f5c542 !important;
    background-image: none !important;
    color: #102d50 !important;
    border-color: #d6a51b !important;
    font-weight: 800 !important;
}

/* LINKS */
main a:not(.btn):not(.button) {
    color: #0754a3 !important;
    font-weight: 800 !important;
}

/* PRESERVE 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,
.desktop-nav a:visited {
    color: #ffffff !important;
    font-weight: 800 !important;
}

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

.mobile-nav a {
    color: #123b70 !important;
    font-weight: 800 !important;
}

/* FOOTER */
footer,
.site-footer {
    background: #f4f8fc !important;
    background-image: none !important;
    color: #123b70 !important;
}

footer p,
footer a,
footer span,
footer small {
    color: #123b70 !important;
    opacity: 1 !important;
}

/* REMOVE ANIMATIONS */
*,
*::before,
*::after {
    animation: none !important;
    transition: none !important;
}

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