/* ============================================ CDL360 — GOLD THEME Industrial Compliance Authority: Industrial Black + Machine Gray + Industrial Gold Applied via [data-theme="gold"] on ============================================ */ [data-theme="gold"] { --brand-primary: #B89A4A; --brand-primary-rgb: 184, 154, 74; --brand-primary-light: #C8AA5A; --brand-primary-pale: #181408; --brand-secondary: #B89A4A; --brand-secondary-light:#C8AA5A; --brand-accent: #8E7A3A; --brand-accent-light: #B89A4A; --brand-cta: #E39B2C; --brand-cta-hover: #B87A20; --brand-bg: #1C262D; --brand-bg-green: #141C20; --text-primary: #E8ECEF; --text-body: #C2CDD5; --text-muted: #9AA7B1; color-scheme: dark; } /* ── Document ── */ [data-theme="gold"] body { background: #101417; color: #C2CDD5; } /* ── Headings ── */ [data-theme="gold"] h1, [data-theme="gold"] h2, [data-theme="gold"] h3, [data-theme="gold"] h4 { color: #E8ECEF; } /* ── Topbar ── */ [data-theme="gold"] .topbar { background: #090C0E; color: #9AA7B1; border-bottom: 1px solid #2C363D; } [data-theme="gold"] .topbar a { color: rgba(184,154,74,0.85); } /* ── Navbar ── */ [data-theme="gold"] .navbar { background: #101417; border-bottom: 3px solid #B89A4A; box-shadow: 0 2px 20px rgba(0,0,0,0.55); } [data-theme="gold"] .nav-links a { color: #C2CDD5; } [data-theme="gold"] .nav-links a:hover { background: #1C262D; color: #B89A4A; } [data-theme="gold"] .nav-links a.active { color: #B89A4A; } [data-theme="gold"] .nav-phone { color: #B89A4A; } [data-theme="gold"] .hamburger span { background: #C2CDD5; } /* ── Mobile menu ── */ [data-theme="gold"] .mobile-menu { background: #101417; border-top: 1px solid #2C363D; } [data-theme="gold"] .mobile-menu a { color: #C2CDD5; border-bottom-color: #1C262D; } [data-theme="gold"] .mobile-menu a:hover { background: #1C262D; } /* ── Hero — Industrial black, gold trace ── */ [data-theme="gold"] .hero, [data-theme="gold"] .page-hero { background: linear-gradient(135deg, rgba(8,10,12,0.97) 0%, rgba(16,20,23,0.94) 55%, rgba(24,28,20,0.92) 100%), url('../images/hero-cdl360.jpg') center center / cover no-repeat !important; border-bottom: 1px solid #2C363D; } [data-theme="gold"] .hero h1, [data-theme="gold"] .hero h2, [data-theme="gold"] .hero h3, [data-theme="gold"] .page-hero h1, [data-theme="gold"] .page-hero h2, [data-theme="gold"] .page-hero h3 { color: #FFFFFF !important; } [data-theme="gold"] .hero p, [data-theme="gold"] .page-hero p { color: rgba(232,236,239,0.85); } [data-theme="gold"] .hero-eyebrow { background: rgba(184,154,74,0.14); color: #B89A4A; border: 1px solid rgba(184,154,74,0.28); } [data-theme="gold"] .hero-stat strong { color: #B89A4A; } [data-theme="gold"] .hero-stat span { color: rgba(154,167,177,0.80); } [data-theme="gold"] .page-hero .section-label { background: rgba(184,154,74,0.14); color: #B89A4A; } [data-theme="gold"] .page-hero .breadcrumb { color: rgba(154,167,177,0.65) !important; } [data-theme="gold"] .page-hero .breadcrumb a { color: rgba(184,154,74,0.85) !important; } [data-theme="gold"] .page-hero .breadcrumb a:hover { color: #B89A4A !important; } [data-theme="gold"] .page-hero .hero-sub { color: rgba(232,236,239,0.85) !important; } /* ── Trust bar ── */ [data-theme="gold"] .trust-bar { background: #141C20; border-color: #2C363D; } [data-theme="gold"] .trust-item { color: #9AA7B1; } [data-theme="gold"] .trust-item i { color: #B89A4A; } /* ── Section backgrounds ── */ [data-theme="gold"] .bg-white, [data-theme="gold"] section:not(.hero):not(.page-hero):not(.cta-banner):not(.trust-bar) { background: #141C20; } [data-theme="gold"] .bg-light { background: #1C262D; } [data-theme="gold"] .bg-primary { background: #101417; } [data-theme="gold"] .section-accent { background: #141C20; } /* ── Section header underline ── */ [data-theme="gold"] .section-title::after { content: ''; display: block; width: 48px; height: 2px; background: #B89A4A; margin-top: 0.6rem; border-radius: 1px; } /* ── Cards ── */ [data-theme="gold"] .card { background: #1C262D; border-color: #2C363D; color: #C2CDD5; } [data-theme="gold"] .card:hover { box-shadow: 0 8px 30px rgba(184,154,74,0.10); border-color: #B89A4A; } /* ── Testimonial cards ── */ [data-theme="gold"] .testimonial-card { background: #1C262D; border-color: #2C363D; } [data-theme="gold"] .testimonial-quote { color: #C2CDD5; } [data-theme="gold"] .author-name { color: #E8ECEF; } /* ── Blog cards ── */ [data-theme="gold"] .blog-card { background: #1C262D; border-color: #2C363D; } [data-theme="gold"] .blog-card-title { color: #E8ECEF; } [data-theme="gold"] .blog-card-excerpt { color: #9AA7B1; } [data-theme="gold"] .blog-tag { background: #181408; color: #B89A4A; } /* ── Stat numbers — gold authority ── */ [data-theme="gold"] .stat-number { color: #B89A4A; } [data-theme="gold"] .stat-label { color: #9AA7B1; } /* ── Icon boxes ── */ [data-theme="gold"] .icon-box { background: #222C33; color: #9AA7B1; } [data-theme="gold"] .service-card:hover .icon-box { background: #B89A4A; color: #101417; } /* ── Section labels ── */ [data-theme="gold"] .section-label { background: #181408; color: #B89A4A; } [data-theme="gold"] .section-sub { color: #9AA7B1; } [data-theme="gold"] .text-muted { color: #9AA7B1; } /* ── Compliance indicators ── */ [data-theme="gold"] .compliance-positive, [data-theme="gold"] .compliance-positive i { color: #B89A4A; } [data-theme="gold"] .safety-badge { background: #181408; color: #B89A4A; border-color: #2C2414; } /* ── Process steps ── */ [data-theme="gold"] .process-steps::before { background: #2C363D; } [data-theme="gold"] .step-number { background: #B89A4A; color: #101417; box-shadow: 0 0 0 2px #2C363D; border-color: #101417; } [data-theme="gold"] .step-title { color: #E8ECEF; } [data-theme="gold"] .step-desc { color: #9AA7B1; } /* ── FAQ ── */ [data-theme="gold"] .faq-item { background: #1C262D; border-color: #2C363D; } [data-theme="gold"] .faq-question { background: #1C262D; } [data-theme="gold"] .faq-question span { color: #E8ECEF; } [data-theme="gold"] .faq-icon { background: #222C33; color: #9AA7B1; } [data-theme="gold"] .faq-item.open { border-color: #B89A4A; } [data-theme="gold"] .faq-item.open .faq-icon { background: #B89A4A; color: #101417; } [data-theme="gold"] .faq-answer { color: #C2CDD5; } [data-theme="gold"] .faq-answer p { color: #C2CDD5 !important; } [data-theme="gold"] .faq-answer ul, [data-theme="gold"] .faq-answer li { color: #C2CDD5; } [data-theme="gold"] .category-label, [data-theme="gold"] .faq-category-label { color: #B89A4A; border-bottom-color: #2C363D; } /* ── CTA banner — deep industrial + gold top border ── */ [data-theme="gold"] .cta-banner { background: linear-gradient(135deg, #090C0E 0%, #101417 100%); border-top: 1px solid #B89A4A; border-bottom: 1px solid #2C363D; } [data-theme="gold"] .cta-banner h2 { color: #FFFFFF; } [data-theme="gold"] .cta-banner p { color: rgba(194,205,213,0.85); } /* ── CTA button — gold fill, dark text ── */ [data-theme="gold"] .btn-cta { background: #E39B2C; color: #101417; font-weight: 800; } [data-theme="gold"] .btn-cta:hover { background: #B89A4A; color: #101417; box-shadow: 0 6px 24px rgba(227,155,44,0.35); } /* ── Outline buttons ── */ [data-theme="gold"] .btn-outline { border-color: #B89A4A; color: #B89A4A; } [data-theme="gold"] .btn-outline:hover { background: #B89A4A; color: #101417; } [data-theme="gold"] .btn-outline-light { border-color: rgba(184,154,74,0.55); color: #B89A4A; } [data-theme="gold"] .btn-outline-light:hover { background: rgba(184,154,74,0.12); border-color: #B89A4A; color: #B89A4A; } /* ── Enterprise tag ── */ [data-theme="gold"] .enterprise-tag { background: #1C262D; color: #9AA7B1; } /* ── Forms — always light ── */ [data-theme="gold"] .lead-form, [data-theme="gold"] form.lead-form, [data-theme="gold"] .inline-lead-form { background: #FFFFFF; border-radius: 12px; padding: 2rem; border: 1px solid #2C363D; } [data-theme="gold"] .form-control { background: #FFFFFF; color: #1A1A1A; border-color: #D1D5DB; } [data-theme="gold"] .form-label { color: #1A1A1A; } /* ── Stars ── */ [data-theme="gold"] .stars { color: #B89A4A; } /* ── Footer ── */ [data-theme="gold"] .footer, [data-theme="gold"] footer.footer { background: #090C0E; border-top: 1px solid #B89A4A; } [data-theme="gold"] .footer-heading { color: #9AA7B1; } [data-theme="gold"] .footer-col a { color: #9AA7B1; } [data-theme="gold"] .footer-col a:hover { color: #B89A4A; } [data-theme="gold"] .footer-bottom { color: #39434A; border-top-color: #2C363D; } [data-theme="gold"] .footer-logo-sub { color: #B89A4A; } [data-theme="gold"] .divider-accent { background: linear-gradient(90deg, #B89A4A, #8E7A3A); } /* ── Badge success / warning ── */ [data-theme="gold"] .badge-success { background: #141C10; color: #8EC87A; } [data-theme="gold"] .badge-warning { background: #1C1408; color: #E39B2C; } /* ── Links ── */ [data-theme="gold"] a { color: #B89A4A; } [data-theme="gold"] a:hover { color: #C8AA5A; } [data-theme="gold"] .nav-links a, [data-theme="gold"] .footer-col a, [data-theme="gold"] .mobile-menu a { color: inherit; } /* ── Inline overrides ── */ [data-theme="gold"] [style*="background:#fff"], [data-theme="gold"] [style*="background: #fff"], [data-theme="gold"] [style*="background:#FFFFFF"], [data-theme="gold"] [style*="background: white"] { background: #1C262D !important; } [data-theme="gold"] [style*="color:#1C1C1C"], [data-theme="gold"] [style*="color: #1C1C1C"], [data-theme="gold"] [style*="color:#374151"], [data-theme="gold"] [style*="color:#333333"], [data-theme="gold"] [style*="color:#1A1A1A"] { color: #C2CDD5 !important; } [data-theme="gold"] [style*="color:#6B7280"] { color: #9AA7B1 !important; }