/* ============================================
   COMPNOW — UNIFIED DAYLIGHT COLOR SCHEME
   White, blue and gold throughout
   ============================================ */

:root {
    --cn-blue: #174c96;
    --cn-text: #123b70;
    --cn-gold: #f5bd22;
    --cn-light: #f5f9ff;
    --cn-border: #c9d9eb;
}

/* GENERAL BACKGROUNDS */

html,
body,
main,
main section {
    background-color: #ffffff !important;
    color: var(--cn-text) !important;
}

/* SERVICE GRAPHICS AND CONTENT PANELS */

main [class*="visual"],
main [class*="graphic"],
main [class*="terminal"],
main [class*="mockup"],
main [class*="dashboard"],
main [class*="screen"],
main [class*="stat"],
main [class*="metric"],
main [class*="feature"],
main [class*="card"],
main [class*="panel"],
main [class*="box"],
main [class*="tile"] {
    background-color: var(--cn-light) !important;
    background-image: none !important;
    color: var(--cn-text) !important;
    border-color: var(--cn-border) !important;
    box-shadow: none !important;
}

/* NESTED BOXES INSIDE SERVICE GRAPHICS */

main [class*="visual"] div,
main [class*="terminal"] div,
main [class*="mockup"] div,
main [class*="dashboard"] div {
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--cn-border) !important;
}

/* DARK TEXT THROUGHOUT CONTENT */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main p,
main li,
main small,
main strong,
main label {
    color: var(--cn-text) !important;
    opacity: 1 !important;
}

/* SERVICE GRAPHIC TEXT */

main [class*="visual"] *,
main [class*="terminal"] *,
main [class*="mockup"] *,
main [class*="dashboard"] *,
main [class*="stat"] *,
main [class*="metric"] *,
main [class*="card"] *,
main [class*="panel"] * {
    color: var(--cn-text) !important;
    opacity: 1 !important;
}

/* SERVICE HEADINGS */

main h2,
main h3 {
    font-weight: 900 !important;
}

/* 5,000 FEET / 5 YEARS / $10 PER MONTH */

main [class*="stat"],
main [class*="metric"],
main [class*="number"] {
    background: var(--cn-light) !important;
    border: 2px solid var(--cn-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

main [class*="stat"] strong,
main [class*="metric"] strong,
main [class*="number"] strong {
    color: var(--cn-blue) !important;
    font-weight: 900 !important;
}

/* REMOVE BLACK GRADIENTS FROM SERVICE AREAS */

main [class*="dark"],
main [class*="black"],
main [class*="glass"],
main [class*="glow"] {
    background-color: var(--cn-light) !important;
    background-image: none !important;
    color: var(--cn-text) !important;
    box-shadow: none !important;
}

/* LET'S GET TO WORK / CONTACT SECTION */

main [class*="contact"],
main [class*="cta"],
main [class*="footer"] {
    background-color: #f5f9ff !important;
    background-image: none !important;
    color: var(--cn-text) !important;
}

main [class*="contact"] *,
main [class*="cta"] * {
    color: var(--cn-text) !important;
    opacity: 1 !important;
}

/* CONTACT LINKS */

main a[href^="tel:"],
main a[href^="mailto:"] {
    color: var(--cn-blue) !important;
    font-weight: 800 !important;
}

/* BUTTONS */

main .btn,
main .button,
main button {
    background: var(--cn-gold) !important;
    color: #102d50 !important;
    border-color: #d6a51b !important;
    font-weight: 800 !important;
}

/* PRESERVE ORIGINAL GOLD HEADER */

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

/* PRESERVE BLUE NAVIGATION */

.desktop-nav,
.desktop-nav a {
    background-color: var(--cn-blue) !important;
}

.desktop-nav a,
.desktop-nav a:visited {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* PRESERVE LOGO */

.compnow-original-logo,
.compnow-original-logo img {
    display: block !important;
}

/* NO ANIMATIONS */

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