/* ══════════════════════════════════════════════════════════════ SecneurX — Light / Dark Theme System (theme.css) Default: follows browser preference (prefers-color-scheme). User toggle overrides via [data-theme="light"|"dark"] on . ══════════════════════════════════════════════════════════════ */ /* ── Theme toggle button ────────────────────────────────────── */ .theme-toggle { display: flex; align-items: center; justify-content: center; gap: 6px; height: 36px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.06); cursor: pointer; transition: background 0.2s, border-color 0.2s; flex-shrink: 0; margin-left: 12px; padding: 0 12px; } .theme-toggle:hover { background: rgba(201,65,26,0.15); border-color: rgba(201,65,26,0.3); } .theme-toggle svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform 0.3s, opacity 0.2s; } .theme-toggle .toggle-label { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: rgba(255,255,255,0.8); white-space: nowrap; line-height: 1; } [data-theme="light"] .theme-toggle { border-color: rgba(44,24,16,0.15); background: rgba(44,24,16,0.05); } [data-theme="light"] .theme-toggle:hover { background: rgba(201,65,26,0.1); border-color: rgba(201,65,26,0.25); } [data-theme="light"] .theme-toggle .toggle-label { color: rgba(44,24,16,0.7); } /* Sun icon: visible in dark mode, hidden in light */ .theme-toggle .icon-sun { display: block; stroke: #f0e8e0; } .theme-toggle .icon-moon { display: none; } /* Moon icon: visible in light mode, hidden in dark */ [data-theme="light"] .theme-toggle .icon-sun { display: none; } [data-theme="light"] .theme-toggle .icon-moon { display: block; stroke: #5c3d2e; } /* ══════════════════════════════════════════════════════════════ LIGHT MODE OVERRIDES Activated by [data-theme="light"] on ══════════════════════════════════════════════════════════════ */ /* ── Body & base ────────────────────────────────────────────── */ [data-theme="light"] body { background: #f5f0ea !important; color: #2c1810 !important; } /* ── Override CSS custom properties (pages that use var()) ──── */ [data-theme="light"] { --bg: #f5f0ea !important; --surface: #faf8f5 !important; --surface2: #f0ebe4 !important; --text: #2c1810 !important; --muted: rgba(44, 24, 16, 0.55) !important; --border: rgba(201,65,26,0.12) !important; --card-bg: rgba(255,255,255,0.85) !important; } /* ── Catch-all: override ALL inline dark section backgrounds ── */ [data-theme="light"] section { background: transparent !important; } [data-theme="light"] section[style*="background"] { background: transparent !important; } /* ── Hero sections — warm gradient instead of plain transparent ── */ /* Hero sections with inline gradient backgrounds (legacy pages) */ [data-theme="light"] section[style*="background:linear-gradient(135deg,#0a0200"], [data-theme="light"] section[style*="background:linear-gradient(135deg,#0d0604"], [data-theme="light"] section[style*="background:linear-gradient(135deg, #0a0200"] { background: linear-gradient(135deg, #f0e8df 0%, #e8ddd0 40%, #f2ece4 100%) !important; border-bottom: 1px solid rgba(201,65,26,0.1) !important; } /* ── Generic hero text (for other pages without .hero-section) ── */ [data-theme="light"] section[style*="background:linear-gradient"] h1[style*="color:#fff"] { color: #1a0e08 !important; } [data-theme="light"] section[style*="background:linear-gradient"] p[style*="color:rgba(255,255,255"] { color: rgba(44, 24, 16, 0.8) !important; } [data-theme="light"] section[style*="background:linear-gradient"] p[style*="color:rgba(255,255,255,0.4"], [data-theme="light"] section[style*="background:linear-gradient"] p[style*="color:rgba(255,255,255,0.45"] { color: rgba(44, 24, 16, 0.7) !important; font-weight: 600 !important; } [data-theme="light"] section[style*="background:linear-gradient"] div[style*="border-top:1px solid rgba(255,255,255"] { border-top-color: rgba(44, 24, 16, 0.12) !important; } /* ── Hero background grid dots — keep visible but lighter ──── */ [data-theme="light"] section div[style*="background-image:radial-gradient(circle,rgba(201,65,26"] { background-image: radial-gradient(circle, rgba(201,65,26,0.07) 1px, transparent 1px) !important; opacity: 0.6 !important; } /* ── Hero glow — soft warm accent ──────────────────────────── */ [data-theme="light"] section div[style*="background:radial-gradient(circle,rgba(201,65,26,0.1)"] { background: radial-gradient(circle, rgba(201,65,26,0.06) 0%, transparent 65%) !important; } /* ── Hero badge pills — stronger bg for light mode ─────────── */ [data-theme="light"] div[style*="background:rgba(201,65,26,0.12)"][style*="border-radius:100px"] { background: rgba(201,65,26,0.1) !important; border-color: rgba(201,65,26,0.3) !important; } [data-theme="light"] div[style*="background:rgba(201,168,76,0.1)"][style*="border-radius:100px"] { background: rgba(201,168,76,0.08) !important; border-color: rgba(201,168,76,0.28) !important; } /* ── Hero shield centre card — light warm glass ────────────── */ [data-theme="light"] div[style*="border-radius:50%"][style*="background:linear-gradient(135deg,rgba(201,65,26"] { background: linear-gradient(135deg, rgba(201,65,26,0.06), rgba(255,255,255,0.7)) !important; border-color: rgba(201,65,26,0.18) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } /* ── Hero shield rings — subtle accent ─────────────────────── */ [data-theme="light"] div[style*="border-radius:50%"][style*="border:1px solid rgba(201,65,26,0.2)"] { border-color: rgba(201,65,26,0.12) !important; } [data-theme="light"] div[style*="border-radius:50%"][style*="border:1px dashed"] { border-color: rgba(201,65,26,0.08) !important; } /* ── Hero floating chips (dark bg → light card) ────────────── */ [data-theme="light"] div[style*="background:rgba(26,10,6"] { background: #ffffff !important; border-color: rgba(201,65,26,0.18) !important; box-shadow: 0 2px 10px rgba(30,15,8,0.06) !important; } /* ── Trust bar — subtle section background ─────────────────── */ [data-theme="light"] section[style*="background:#080201"], [data-theme="light"] section[style*="background:#08"] { background: rgba(201,65,26,0.03) !important; border-top: 1px solid rgba(201,65,26,0.06) !important; border-bottom: 1px solid rgba(201,65,26,0.06) !important; } [data-theme="light"] div[style*="background:#0"], [data-theme="light"] div[style*="background: #0"], [data-theme="light"] div[style*="background:#1"], [data-theme="light"] div[style*="background: #1"], [data-theme="light"] div[style*="background:#2"], [data-theme="light"] div[style*="background: #2"] { background: transparent !important; } /* ── Navigation ─────────────────────────────────────────────── */ [data-theme="light"] nav, [data-theme="light"] .nav, [data-theme="light"] .snx-nav { background: rgba(245, 240, 234, 0.97) !important; border-bottom-color: rgba(201,65,26,0.15) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important; } [data-theme="light"] .snx-nav { background: rgba(245, 240, 234, 0.97) !important; } [data-theme="light"] .snx-nav-inner { background: transparent !important; } [data-theme="light"] .nav-logo, [data-theme="light"] .nav-logo a, [data-theme="light"] .snx-nav-logo { color: #2c1810 !important; } [data-theme="light"] .nav-links a, [data-theme="light"] .snx-nav .nav-links a { color: rgba(44, 24, 16, 0.72) !important; } [data-theme="light"] .nav-links a:hover, [data-theme="light"] .snx-nav .nav-links a:hover { color: #2c1810 !important; background: rgba(201,65,26,0.08) !important; } [data-theme="light"] .nav-links a.active, [data-theme="light"] .snx-nav .nav-links a.active { color: #C9411A !important; background: rgba(201,65,26,0.08) !important; } /* CTA button stays solid */ [data-theme="light"] .nav-cta, [data-theme="light"] .snx-nav .nav-links a.nav-cta { background: #C9411A !important; color: #fff !important; } [data-theme="light"] .nav-cta:hover, [data-theme="light"] .snx-nav .nav-links a.nav-cta:hover { background: #a83514 !important; color: #fff !important; } /* ── Dropdown menus ─────────────────────────────────────────── */ [data-theme="light"] .dropdown-menu, [data-theme="light"] .snx-dropdown-menu { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(201,65,26,0.15) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.1) !important; } [data-theme="light"] .dropdown-menu::before { background: rgba(255, 255, 255, 0.98) !important; border-left-color: rgba(201,65,26,0.15) !important; border-top-color: rgba(201,65,26,0.15) !important; } [data-theme="light"] .dropdown-item, [data-theme="light"] .snx-dropdown-item { color: rgba(44, 24, 16, 0.75) !important; } [data-theme="light"] .dropdown-item:hover, [data-theme="light"] .snx-dropdown-item:hover { background: rgba(201,65,26,0.08) !important; color: #2c1810 !important; } [data-theme="light"] .dropdown-item .di-label, [data-theme="light"] .snx-dropdown-item strong { color: #2c1810 !important; } [data-theme="light"] .dropdown-item .di-sub, [data-theme="light"] .snx-dropdown-item span { color: rgba(44, 24, 16, 0.5) !important; } [data-theme="light"] .snx-dropdown-icon { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } /* ── Mobile nav drawer ──────────────────────────────────────── */ [data-theme="light"] .nav-links.mobile-open { background: rgba(245, 240, 234, 0.98) !important; border-bottom-color: rgba(201,65,26,0.15) !important; } [data-theme="light"] .nav-links.mobile-open li { border-bottom-color: rgba(44, 24, 16, 0.08) !important; } [data-theme="light"] .nav-links.mobile-open a { color: rgba(44, 24, 16, 0.78) !important; } [data-theme="light"] .nav-hamburger span, [data-theme="light"] .snx-nav .nav-hamburger span { background: rgba(44, 24, 16, 0.7) !important; } /* ── Mobile dropdown (accordion) ────────────────────────────── */ [data-theme="light"] .snx-dropdown-menu { background: rgba(245, 242, 238, 0.98) !important; border-color: rgba(201,65,26,0.12) !important; } /* ── Theme toggle — light mode appearance ───────────────────── */ [data-theme="light"] .theme-toggle { border-color: rgba(44, 24, 16, 0.15); background: rgba(44, 24, 16, 0.05); } [data-theme="light"] .theme-toggle:hover { background: rgba(201,65,26,0.1); border-color: rgba(201,65,26,0.25); } /* ── Hero section ───────────────────────────────────────────── */ [data-theme="light"] .hero { background: #ede6de !important; } [data-theme="light"] .hero-image-side::after { background: linear-gradient(90deg, transparent 60%, #ede6de 100%) !important; } [data-theme="light"] .hero-card { background: linear-gradient(145deg, #ffffff, #faf8f5) !important; box-shadow: -20px 0 60px rgba(0,0,0,0.08) !important; } [data-theme="light"] .hero-bg, [data-theme="light"] .hero-grid { opacity: 0.4 !important; } /* Hero text — already dark on light card, no change needed for hero-card children */ /* ── Full-width hero (product pages with radial gradient bg) ── */ [data-theme="light"] [style*="background:#0d0604"], [data-theme="light"] [style*="background: #0d0604"], [data-theme="light"] [style*="background:#0f0402"], [data-theme="light"] [style*="background: #0f0402"], [data-theme="light"] [style*="background:#1a0a06"], [data-theme="light"] [style*="background: #1a0a06"], [data-theme="light"] [style*="background:#120500"], [data-theme="light"] [style*="background: #120500"] { background: #faf8f5 !important; } /* ── Sections ───────────────────────────────────────────────── */ [data-theme="light"] .section, [data-theme="light"] .section-alt, [data-theme="light"] [class*="section"] { color: #2c1810 !important; } /* Section backgrounds — override dark gradients */ [data-theme="light"] [style*="linear-gradient(180deg, #1a0800"], [data-theme="light"] [style*="linear-gradient(180deg, #120500"], [data-theme="light"] [style*="linear-gradient(180deg, #0d0604"], [data-theme="light"] [style*="linear-gradient(180deg,#1a0800"], [data-theme="light"] [style*="linear-gradient(180deg,#120500"], [data-theme="light"] [style*="linear-gradient(180deg,#0d0604"] { background: linear-gradient(180deg, #faf8f5 0%, #f5f0eb 100%) !important; } /* ── Section eyebrows / labels ──────────────────────────────── */ [data-theme="light"] .section-eyebrow, [data-theme="light"] .section-label { color: #C9411A !important; } /* ── Section titles ─────────────────────────────────────────── */ [data-theme="light"] .section-title, [data-theme="light"] h2 { color: #2c1810 !important; } /* ── Section subtitles / descriptions ───────────────────────── */ [data-theme="light"] .section-sub, [data-theme="light"] .section-desc { color: rgba(44, 24, 16, 0.65) !important; } /* ── Headings (white text on dark) → dark text on light ────── */ [data-theme="light"] h1, [data-theme="light"] h3, [data-theme="light"] h4 { color: #2c1810 !important; } /* ── Paragraphs and body text ───────────────────────────────── */ [data-theme="light"] p { color: rgba(44, 24, 16, 0.72) !important; } /* ── Breadcrumb ─────────────────────────────────────────────── */ [data-theme="light"] .breadcrumb { background: rgba(201,65,26,0.04) !important; border-bottom-color: rgba(201,65,26,0.1) !important; color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .breadcrumb a { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .breadcrumb a:hover { color: #C9411A !important; } /* ── Cards (generic) ────────────────────────────────────────── */ [data-theme="light"] .card, [data-theme="light"] .problem-card, [data-theme="light"] .uc-card, [data-theme="light"] .src-card, [data-theme="light"] .int-card, [data-theme="light"] .team-card, [data-theme="light"] .value-card, [data-theme="light"] .story-card, [data-theme="light"] .mv-card, [data-theme="light"] .cap-card, [data-theme="light"] .ff-card, [data-theme="light"] .deploy-card, [data-theme="light"] .step-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .card:hover, [data-theme="light"] .problem-card:hover, [data-theme="light"] .uc-card:hover, [data-theme="light"] .src-card:hover, [data-theme="light"] .cap-card:hover, [data-theme="light"] .ff-card:hover, [data-theme="light"] .deploy-card:hover, [data-theme="light"] .step-card:hover { border-color: rgba(201,65,26,0.3) !important; box-shadow: 0 4px 16px rgba(201,65,26,0.08) !important; } /* Card heading text */ [data-theme="light"] .card h3, [data-theme="light"] .card h4, [data-theme="light"] .problem-card h4, [data-theme="light"] .uc-card h4, [data-theme="light"] .src-card h4, [data-theme="light"] .cap-card h4, [data-theme="light"] .ff-card h4, [data-theme="light"] .deploy-card h4, [data-theme="light"] .step-card h4 { color: #2c1810 !important; } /* Card description text */ [data-theme="light"] .card p, [data-theme="light"] .problem-card p, [data-theme="light"] .uc-card p, [data-theme="light"] .cap-card p { color: rgba(44, 24, 16, 0.65) !important; } /* ── Inline-styled cards/divs (dark backgrounds) ────────────── */ [data-theme="light"] [style*="rgba(255,255,255,0.03)"], [data-theme="light"] [style*="rgba(255,255,255,0.04)"], [data-theme="light"] [style*="rgba(255,255,255,0.035)"], [data-theme="light"] [style*="rgba(255, 255, 255, 0.03)"], [data-theme="light"] [style*="rgba(255, 255, 255, 0.04)"], [data-theme="light"] [style*="rgba(255, 255, 255, 0.035)"] { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] [style*="rgba(26,10,6"], [data-theme="light"] [style*="rgba(26, 10, 6"], [data-theme="light"] [style*="rgba(30,11,7"], [data-theme="light"] [style*="rgba(30, 11, 7"], [data-theme="light"] [style*="rgba(37,13,5"], [data-theme="light"] [style*="rgba(37, 13, 5"], [data-theme="light"] [style*="rgba(42,14,6"], [data-theme="light"] [style*="rgba(42, 14, 6"] { background: #ffffff !important; } /* ── Inline white text → dark (ONLY for non-button elements) ── */ /* Headings, paragraphs, divs, spans with white inline text */ [data-theme="light"] h1[style*="color:#fff"], [data-theme="light"] h2[style*="color:#fff"], [data-theme="light"] h3[style*="color:#fff"], [data-theme="light"] h4[style*="color:#fff"], [data-theme="light"] h1[style*="color: #fff"], [data-theme="light"] h2[style*="color: #fff"], [data-theme="light"] h3[style*="color: #fff"], [data-theme="light"] h4[style*="color: #fff"], [data-theme="light"] p[style*="color:#fff"], [data-theme="light"] p[style*="color: #fff"], [data-theme="light"] div[style*="color:#fff"], [data-theme="light"] div[style*="color: #fff"], [data-theme="light"] span[style*="color:#fff"], [data-theme="light"] span[style*="color: #fff"] { color: #2c1810 !important; } [data-theme="light"] h1[style*="color:white"], [data-theme="light"] h2[style*="color:white"], [data-theme="light"] h3[style*="color:white"], [data-theme="light"] p[style*="color:white"], [data-theme="light"] div[style*="color:white"], [data-theme="light"] span[style*="color:white"] { color: #2c1810 !important; } [data-theme="light"] [style*="color:#f0e8e0"], [data-theme="light"] [style*="color: #f0e8e0"] { color: rgba(44, 24, 16, 0.72) !important; } /* rgba white text — only on non-interactive elements */ [data-theme="light"] p[style*="color:rgba(255,255,255"], [data-theme="light"] p[style*="color: rgba(255,255,255"], [data-theme="light"] p[style*="color: rgba(255, 255, 255"], [data-theme="light"] div[style*="color:rgba(255,255,255"], [data-theme="light"] div[style*="color: rgba(255,255,255"], [data-theme="light"] span[style*="color:rgba(255,255,255"], [data-theme="light"] span[style*="color: rgba(255,255,255"], [data-theme="light"] li[style*="color:rgba(255,255,255"], [data-theme="light"] li[style*="color: rgba(255,255,255"] { color: rgba(44, 24, 16, 0.65) !important; } /* ── Breadcrumb links (inline white-ish text) ──────────────── */ [data-theme="light"] a[style*="color:rgba(255,255,255"], [data-theme="light"] a[style*="color: rgba(255,255,255"] { color: rgba(44, 24, 16, 0.5) !important; } /* ── Hero outline / ghost buttons ──────────────────────────── */ [data-theme="light"] a[style*="background:transparent"][style*="color:#fff"], [data-theme="light"] a[style*="background: transparent"][style*="color:#fff"] { color: #2c1810 !important; border-color: rgba(44, 24, 16, 0.2) !important; } /* ── Trusted-by label & items (very faint white text) ──────── */ [data-theme="light"] span[style*="color:rgba(255,255,255,0.25)"] { color: rgba(44, 24, 16, 0.4) !important; } [data-theme="light"] span[style*="color:rgba(255,255,255,0.7)"] { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] div[style*="opacity:0.5"] { opacity: 0.7 !important; } /* ── PRESERVE white text on solid-bg buttons & CTAs ──────────── */ [data-theme="light"] a[style*="background:linear-gradient"], [data-theme="light"] a[style*="background: linear-gradient"], [data-theme="light"] button[style*="background:linear-gradient"], [data-theme="light"] button[style*="background: linear-gradient"] { color: #fff !important; } [data-theme="light"] a[style*="background:#C9411A"], [data-theme="light"] a[style*="background: #C9411A"], [data-theme="light"] a[style*="background:#7B2D00"], [data-theme="light"] a[style*="background: #7B2D00"] { color: #fff !important; } [data-theme="light"] .btn-hero-primary { background: #7B2D00 !important; color: #fff !important; } [data-theme="light"] .btn-hero-outline { color: #7B2D00 !important; border-color: #7B2D00 !important; } [data-theme="light"] .btn-hero-outline:hover { background: #7B2D00 !important; color: #fff !important; } /* ── Inline border overrides ────────────────────────────────── */ [data-theme="light"] [style*="border:1px solid rgba(255,255,255,0.0"], [data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.0"], [data-theme="light"] [style*="border:1px solid rgba(255, 255, 255, 0.0"], [data-theme="light"] [style*="border: 1px solid rgba(255, 255, 255, 0.0"] { border-color: rgba(44, 24, 16, 0.1) !important; } /* ── Stats ──────────────────────────────────────────────────── */ [data-theme="light"] .stat, [data-theme="light"] .stat-box { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .stat-num { color: #C9411A !important; } [data-theme="light"] .stat-label { color: rgba(44, 24, 16, 0.6) !important; } /* ── Tabs ───────────────────────────────────────────────────── */ [data-theme="light"] .tab, [data-theme="light"] .tabs button, [data-theme="light"] .tabs .tab { color: rgba(44, 24, 16, 0.6) !important; background: transparent !important; border-color: rgba(44, 24, 16, 0.12) !important; } [data-theme="light"] .tab.active, [data-theme="light"] .tabs .tab.active { color: #C9411A !important; background: rgba(201,65,26,0.08) !important; border-color: #C9411A !important; } [data-theme="light"] .content-panel { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } /* ── Tags / badges ──────────────────────────────────────────── */ [data-theme="light"] .tag { background: rgba(201,65,26,0.08) !important; color: #C9411A !important; border-color: rgba(201,65,26,0.2) !important; } [data-theme="light"] .badge-red { background: rgba(201,65,26,0.1) !important; border-color: rgba(201,65,26,0.25) !important; color: #C9411A !important; } [data-theme="light"] .badge-gold { background: rgba(201,168,76,0.1) !important; border-color: rgba(201,168,76,0.25) !important; color: #8a7a3e !important; } [data-theme="light"] .plat-pill { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.2) !important; color: #C9411A !important; } /* ── Badge blue (VirusTotal Multisandbox, etc.) ────────────── */ [data-theme="light"] .badge-blue { background: rgba(59,130,246,0.08) !important; border-color: rgba(59,130,246,0.3) !important; color: #2563eb !important; } /* ── Badge red — darken text for light bg ──────────────────── */ [data-theme="light"] .badge-red { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.3) !important; color: #C9411A !important; } /* ── Badge gold — darken text for light bg ─────────────────── */ [data-theme="light"] .badge-gold { background: rgba(201,168,76,0.08) !important; border-color: rgba(201,168,76,0.3) !important; color: #8a7a3e !important; } /* ── Deployment badges (dbadge variants) ───────────────────── */ [data-theme="light"] .dbadge-red { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.3) !important; color: #C9411A !important; } [data-theme="light"] .dbadge-gold { background: rgba(201,168,76,0.08) !important; border-color: rgba(201,168,76,0.3) !important; color: #8a7a3e !important; } /* ── Hero badge row ────────────────────────────────────────── */ [data-theme="light"] .hero-badge-row .badge-dot { background: currentColor !important; } /* ── Awards strip ───────────────────────────────────────────── */ [data-theme="light"] .awards-strip { background: linear-gradient(180deg, #ede6de 0%, #f5f0ea 100%) !important; border-top-color: rgba(201,168,76,0.2) !important; border-bottom-color: rgba(201,168,76,0.15) !important; } [data-theme="light"] .award-card { background: #ffffff !important; border-color: rgba(201,168,76,0.22) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .award-card p, [data-theme="light"] .award-card span { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .award-divider { background: linear-gradient(180deg, transparent, rgba(201,168,76,0.25), transparent) !important; } /* ── Trust bar ──────────────────────────────────────────────── */ [data-theme="light"] .trust-bar { background: rgba(201,65,26,0.04) !important; border-color: rgba(201,65,26,0.1) !important; } [data-theme="light"] .trust-bar span { color: rgba(44, 24, 16, 0.6) !important; } /* ── CTA section ────────────────────────────────────────────── */ [data-theme="light"] .cta-section { background: linear-gradient(135deg, #f5ede8 0%, #faf5f0 100%) !important; } [data-theme="light"] .cta-section h2 { color: #2c1810 !important; } [data-theme="light"] .cta-section p { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .cta-strip { background: linear-gradient(135deg, rgba(201,65,26,0.08) 0%, rgba(201,168,76,0.06) 100%) !important; border-color: rgba(201,65,26,0.15) !important; } /* ── Buttons ────────────────────────────────────────────────── */ [data-theme="light"] .btn-primary { background: #C9411A !important; color: #fff !important; } [data-theme="light"] .btn-primary:hover { background: #a83514 !important; } [data-theme="light"] .btn-outline, [data-theme="light"] .btn-ghost { color: #C9411A !important; border-color: #C9411A !important; background: transparent !important; } [data-theme="light"] .btn-outline:hover, [data-theme="light"] .btn-ghost:hover { background: rgba(201,65,26,0.08) !important; } /* ── Icon containers ────────────────────────────────────────── */ [data-theme="light"] .di-icon, [data-theme="light"] [style*="background:rgba(201,65,26,0.1)"], [data-theme="light"] [style*="background: rgba(201,65,26,0.1)"], [data-theme="light"] [style*="background:rgba(201,65,26,0.12)"], [data-theme="light"] [style*="background: rgba(201,65,26,0.12)"] { background: rgba(201,65,26,0.08) !important; } /* ── SVG icons — invert stroke for light mode ───────────────── */ [data-theme="light"] svg[stroke="currentColor"], [data-theme="light"] [style*="stroke:#f0e8e0"], [data-theme="light"] [style*="stroke: #f0e8e0"], [data-theme="light"] [style*="stroke:#fff"], [data-theme="light"] [style*="stroke: #fff"] { stroke: #5c3d2e !important; } /* Keep accent-colored SVGs as-is */ [data-theme="light"] svg[stroke="#C9411A"], [data-theme="light"] .snx-dropdown-icon svg { stroke: #C9411A !important; } /* ── Horizontal rules / dividers ────────────────────────────── */ [data-theme="light"] hr { border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] [style*="linear-gradient(90deg, transparent, rgba(201,65,26,0.3), transparent)"] { background: linear-gradient(90deg, transparent, rgba(201,65,26,0.15), transparent) !important; } /* ── Solution info cards ────────────────────────────────────── */ [data-theme="light"] .solution-info { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .solution-info p { color: rgba(44, 24, 16, 0.65) !important; } /* ── Pipeline steps ─────────────────────────────────────────── */ [data-theme="light"] .pipe-step { color: rgba(44, 24, 16, 0.65) !important; } /* ── Section philosophy (index.html "Our philosophy") ────────── */ [data-theme="light"] .section-philosophy { background: rgba(201,65,26,0.06) !important; border-color: rgba(201,65,26,0.18) !important; color: rgba(44, 24, 16, 0.72) !important; } [data-theme="light"] .section-philosophy strong { color: #C9411A !important; } [data-theme="light"] .section-philosophy em { color: rgba(44, 24, 16, 0.72) !important; } /* ── Section eyebrow gold ───────────────────────────────────── */ [data-theme="light"] .section-eyebrow-gold { color: #8a7a3e !important; } /* ── Problem cards (dark bg with white text) ─────────────────── */ [data-theme="light"] .problem-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .problem-card h4 { color: #2c1810 !important; } [data-theme="light"] .problem-card p { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .problem-heading { color: #8a7a3e !important; } [data-theme="light"] .compare-heading { color: #8a7a3e !important; } /* ── How-it-works steps ─────────────────────────────────────── */ [data-theme="light"] .how-steps .step-num, [data-theme="light"] .step-num { background: rgba(201,65,26,0.1) !important; color: #C9411A !important; border-color: rgba(201,65,26,0.25) !important; } [data-theme="light"] .step-circle { background: #ffffff !important; border-color: #C9411A !important; } [data-theme="light"] .step-circle svg { stroke: #C9411A !important; } [data-theme="light"] .step h4 { color: #8a7a3e !important; } [data-theme="light"] .step p { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .how-heading { color: #8a7a3e !important; } /* ── Compare section ────────────────────────────────────────── */ [data-theme="light"] .compare > div, [data-theme="light"] .compare-col { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .compare-col.reactive { background: #f8f5f2 !important; } [data-theme="light"] .compare-col.proactive-col { background: #ffffff !important; border-color: rgba(201,65,26,0.2) !important; } [data-theme="light"] .compare-col.reactive h3 { color: rgba(44, 24, 16, 0.5) !important; } [data-theme="light"] .compare-col p, [data-theme="light"] .compare-item p { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .reactive .dot { background: rgba(44, 24, 16, 0.25) !important; } /* ── Mission / CTA blocks (dark gradient bg) ─────────────────── */ [data-theme="light"] .mission-block { background: linear-gradient(135deg, rgba(201,65,26,0.06), rgba(201,168,76,0.04)) !important; border-color: rgba(201,168,76,0.2) !important; } [data-theme="light"] .mission-label { color: #8a7a3e !important; } [data-theme="light"] .mission-block blockquote { color: #2c1810 !important; } [data-theme="light"] .mission-block .attribution { color: rgba(44, 24, 16, 0.5) !important; } /* ── Stats grid wrapper (dark bg with gap lines) ─────────────── */ [data-theme="light"] .stats { background: rgba(44, 24, 16, 0.06) !important; border: 1px solid rgba(44, 24, 16, 0.1) !important; } /* ── "Schedule a Demo" outline button (CTA section) ──────────── */ [data-theme="light"] a[style*="border:1px solid rgba(255,255,255,0.25)"], [data-theme="light"] a[style*="border: 1px solid rgba(255,255,255,0.25)"] { color: #C9411A !important; border-color: #C9411A !important; } [data-theme="light"] a[style*="border:1px solid rgba(255,255,255,0.25)"]:hover, [data-theme="light"] a[style*="border: 1px solid rgba(255,255,255,0.25)"]:hover { background: rgba(201,65,26,0.08) !important; } /* ── Social icon links (footer) ──────────────────────────────── */ [data-theme="light"] a[style*="background:rgba(255,255,255,0.06)"], [data-theme="light"] a[style*="background: rgba(255,255,255,0.06)"] { background: rgba(44, 24, 16, 0.06) !important; border-color: rgba(44, 24, 16, 0.12) !important; } [data-theme="light"] a[style*="background:rgba(255,255,255,0.06)"] svg, [data-theme="light"] a[style*="background: rgba(255,255,255,0.06)"] svg { fill: rgba(44, 24, 16, 0.55) !important; } /* ── SVG icons with white fill (social, etc.) ────────────────── */ [data-theme="light"] svg[fill="rgba(255,255,255,0.6)"], [data-theme="light"] [style*="fill:rgba(255,255,255"], [data-theme="light"] [style*="fill: rgba(255,255,255"] { fill: rgba(44, 24, 16, 0.55) !important; } /* ── SVG icons with white/light stroke ───────────────────────── */ [data-theme="light"] svg[stroke="rgba(255,255,255,0.5)"], [data-theme="light"] svg[stroke="rgba(255,255,255,0.6)"], [data-theme="light"] [style*="stroke:rgba(255,255,255"], [data-theme="light"] [style*="stroke: rgba(255,255,255"] { stroke: rgba(44, 24, 16, 0.55) !important; } /* ── Air-Gap / deployment cards (icon circle with dark bg) ──── */ [data-theme="light"] div[style*="border-radius:50%"][style*="background:rgba(255,255,255,0.05)"], [data-theme="light"] div[style*="border-radius:50%"][style*="background: rgba(255,255,255,0.05)"] { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.2) !important; } /* ── Top gradient bars on cards (white-ish gradients) ────────── */ [data-theme="light"] [style*="background:linear-gradient(90deg,rgba(255,255,255,0.4)"], [data-theme="light"] [style*="background: linear-gradient(90deg,rgba(255,255,255,0.4)"] { background: linear-gradient(90deg, rgba(201,65,26,0.3), rgba(201,65,26,0.05)) !important; } [data-theme="light"] [style*="background:linear-gradient(90deg,#C9411A,rgba(201,65,26,0.2)"] { background: linear-gradient(90deg, #C9411A, rgba(201,65,26,0.15)) !important; } [data-theme="light"] [style*="background:linear-gradient(90deg,#C9A84C,rgba(201,168,76,0.2)"] { background: linear-gradient(90deg, #C9A84C, rgba(201,168,76,0.15)) !important; } /* ── CTA section trust line (very light text) ────────────────── */ [data-theme="light"] [style*="color:rgba(255,255,255,0.25)"], [data-theme="light"] [style*="color: rgba(255,255,255,0.25)"] { color: rgba(44, 24, 16, 0.4) !important; } /* ── Stats section ──────────────────────────────────────────── */ [data-theme="light"] .stat { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .stat-label { color: rgba(44, 24, 16, 0.55) !important; } /* ── Inline checkmark / list items with white text ──────────── */ [data-theme="light"] li[style*="color:rgba(255,255,255"], [data-theme="light"] li[style*="color: rgba(255,255,255"], [data-theme="light"] li[style*="color: rgba(255, 255, 255"] { color: rgba(44, 24, 16, 0.68) !important; } /* ── Checkmark SVGs in lists ────────────────────────────────── */ [data-theme="light"] li svg[stroke="#C9411A"], [data-theme="light"] li svg[stroke="#C9A84C"] { stroke: #C9411A !important; } /* ── Footer bottom bar / copyright ──────────────────────────── */ [data-theme="light"] [style*="border-top:1px solid rgba(255,255,255,0.0"] { border-top-color: rgba(44, 24, 16, 0.08) !important; } /* ── Footer ─────────────────────────────────────────────────── */ [data-theme="light"] footer { background: #e8e2da !important; border-top: 1px solid rgba(44, 24, 16, 0.1) !important; color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] footer h4, [data-theme="light"] footer strong { color: #2c1810 !important; } [data-theme="light"] footer p, [data-theme="light"] footer span, [data-theme="light"] footer a { color: rgba(44, 24, 16, 0.55) !important; } [data-theme="light"] footer a:hover { color: #C9411A !important; } [data-theme="light"] .footer-copy { color: rgba(44, 24, 16, 0.4) !important; } [data-theme="light"] .footer-inner { border-top-color: rgba(44, 24, 16, 0.08) !important; } /* ── Modal (Request Demo) — works for ALL pages ────────────── */ /* Backdrop */ [data-theme="light"] #demoModalBackdrop { background: rgba(0, 0, 0, 0.4) !important; } /* Modal box — target by ID for pages with inline styles */ [data-theme="light"] #demoModal [style*="background:linear-gradient(135deg,#1a0a06"], [data-theme="light"] #demoModal [style*="background: linear-gradient(135deg,#1a0a06"], [data-theme="light"] #demoModal [style*="background:linear-gradient(135deg, #1a0a06"] { background: #fefcfa !important; border-color: rgba(201,65,26,0.22) !important; box-shadow: 0 24px 80px rgba(30,15,8,0.25), 0 0 0 1px rgba(201,65,26,0.08) !important; } /* Also target by class for file-upload-security page */ [data-theme="light"] .demo-modal-box { background: #fefcfa !important; border-color: rgba(201,65,26,0.22) !important; box-shadow: 0 24px 80px rgba(30,15,8,0.25), 0 0 0 1px rgba(201,65,26,0.08) !important; } /* Prevent inner divs from getting their own background */ [data-theme="light"] .demo-modal-box > div { background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; } /* Close button */ [data-theme="light"] #demoModal button[onclick*="close"], [data-theme="light"] .demo-close { color: rgba(44, 24, 16, 0.4) !important; } /* Headings & text */ [data-theme="light"] #demoModal h2, [data-theme="light"] .demo-modal-box h2, [data-theme="light"] .demo-modal-box .demo-title { color: #2c1810 !important; } [data-theme="light"] #demoModal p, [data-theme="light"] .demo-modal-box p, [data-theme="light"] .demo-modal-box .demo-desc { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] #demoModal div[style*="color:#C9411A"], [data-theme="light"] .demo-modal-box div[style*="color:#C9411A"] { color: #C9411A !important; } /* Labels */ [data-theme="light"] #demoModal label, [data-theme="light"] #demoModal label[style*="color:rgba(255,255,255"], [data-theme="light"] .demo-label { color: rgba(44, 24, 16, 0.6) !important; } /* Form inputs */ [data-theme="light"] #demoModal input, [data-theme="light"] #demoModal textarea, [data-theme="light"] #demoModal select, [data-theme="light"] #demoModal input[style*="background"], [data-theme="light"] #demoModal textarea[style*="background"], [data-theme="light"] #demoModal select[style*="background"], [data-theme="light"] .demo-input, [data-theme="light"] .demo-select { background: #f5f0ea !important; border-color: rgba(44, 24, 16, 0.15) !important; color: #2c1810 !important; } [data-theme="light"] #demoModal input:focus, [data-theme="light"] #demoModal textarea:focus, [data-theme="light"] #demoModal select:focus, [data-theme="light"] .demo-input:focus, [data-theme="light"] .demo-select:focus { border-color: rgba(201,65,26,0.5) !important; } [data-theme="light"] #demoModal input::placeholder, [data-theme="light"] #demoModal textarea::placeholder, [data-theme="light"] .demo-input::placeholder { color: rgba(44, 24, 16, 0.35) !important; } /* Select options */ [data-theme="light"] #demoModal select option, [data-theme="light"] #demoModal option[style*="background"], [data-theme="light"] .demo-select option { background: #f5f0ea !important; color: #2c1810 !important; } /* Submit button stays solid */ [data-theme="light"] #demoModal button[type="submit"], [data-theme="light"] #demoModal button[style*="background:linear-gradient(135deg,#C9411A"], [data-theme="light"] .demo-submit { background: #C9411A !important; color: #fff !important; box-shadow: 0 4px 16px rgba(201,65,26,0.3) !important; } /* ── Cookie banner ──────────────────────────────────────────── */ [data-theme="light"] #cookieBanner, [data-theme="light"] [id*="cookie"] { background: rgba(255, 255, 255, 0.97) !important; border-color: rgba(201,65,26,0.15) !important; border-top: 1px solid rgba(201,65,26,0.15) !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.08) !important; color: rgba(44, 24, 16, 0.7) !important; backdrop-filter: blur(12px) !important; } [data-theme="light"] #cookieBanner p, [data-theme="light"] #cookieBanner span { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] #cookieBanner a { color: #C9411A !important; } /* Decline button — dark outline style */ [data-theme="light"] #cookieBanner button[onclick*="decline"], [data-theme="light"] #cookieBanner button:not([onclick*="accept"]):last-child { color: rgba(44, 24, 16, 0.55) !important; border-color: rgba(44, 24, 16, 0.2) !important; background: transparent !important; } [data-theme="light"] #cookieBanner button[onclick*="decline"]:hover { color: #2c1810 !important; border-color: rgba(44, 24, 16, 0.35) !important; } /* Accept button stays solid */ [data-theme="light"] #cookieBanner button[onclick*="accept"] { background: #C9411A !important; color: #fff !important; } /* ── 404 page ───────────────────────────────────────────────── */ [data-theme="light"] .error-page, [data-theme="light"] .not-found { background: #faf8f5 !important; color: #2c1810 !important; } /* ── News / Events cards ────────────────────────────────────── */ [data-theme="light"] .news-card, [data-theme="light"] .event-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .news-card:hover, [data-theme="light"] .event-card:hover { border-color: rgba(201,65,26,0.3) !important; } /* ── Privacy policy ─────────────────────────────────────────── */ [data-theme="light"] .privacy-content, [data-theme="light"] .legal-content { color: rgba(44, 24, 16, 0.72) !important; } [data-theme="light"] .privacy-content h2, [data-theme="light"] .privacy-content h3, [data-theme="light"] .legal-content h2, [data-theme="light"] .legal-content h3 { color: #2c1810 !important; } /* ── Datasheet modal (injected by datasheet-modal.js) ──────── */ [data-theme="light"] #snx-ds-overlay { background: rgba(30, 15, 8, 0.55) !important; } [data-theme="light"] #snx-ds-modal { background: #fefcfa !important; border-color: rgba(201,65,26,0.22) !important; box-shadow: 0 24px 80px rgba(30,15,8,0.25), 0 0 0 1px rgba(201,65,26,0.08) !important; } [data-theme="light"] #snx-ds-modal .ds-close { color: rgba(44, 24, 16, 0.4) !important; } [data-theme="light"] #snx-ds-modal .ds-close:hover { color: #2c1810 !important; } [data-theme="light"] #snx-ds-modal .ds-eyebrow { color: #C9411A !important; } [data-theme="light"] #snx-ds-modal .ds-title { color: #2c1810 !important; } [data-theme="light"] #snx-ds-modal .ds-sub { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] #snx-ds-modal .ds-label { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] #snx-ds-modal input { background: #f5f0ea !important; border-color: rgba(44, 24, 16, 0.15) !important; color: #2c1810 !important; } [data-theme="light"] #snx-ds-modal input::placeholder { color: rgba(44, 24, 16, 0.35) !important; } [data-theme="light"] #snx-ds-modal input:focus { border-color: rgba(201,65,26,0.5) !important; } [data-theme="light"] #snx-ds-modal input.ds-error { border-color: #cc3333 !important; } [data-theme="light"] #snx-ds-modal .ds-err-msg { color: #cc3333 !important; } [data-theme="light"] #snx-ds-modal .ds-submit { background: #C9411A !important; color: #fff !important; } [data-theme="light"] #snx-ds-modal .ds-submit:hover { background: #a83514 !important; } [data-theme="light"] #snx-ds-modal .ds-disclaimer { color: rgba(44, 24, 16, 0.4) !important; } [data-theme="light"] #snx-ds-modal .ds-success-title { color: #2c1810 !important; } [data-theme="light"] #snx-ds-modal .ds-success-msg { color: rgba(44, 24, 16, 0.6) !important; } /* ── Legacy datasheet modal (fallback) ─────────────────────── */ [data-theme="light"] #datasheetModal > div > div, [data-theme="light"] .datasheet-modal-content { background: #ffffff !important; border-color: rgba(201,65,26,0.15) !important; color: #2c1810 !important; } [data-theme="light"] #datasheetModal input, [data-theme="light"] #datasheetModal textarea, [data-theme="light"] #datasheetModal select { background: #faf8f5 !important; border-color: rgba(44, 24, 16, 0.15) !important; color: #2c1810 !important; } /* ── Grid pattern overlay — soften in light mode ────────────── */ [data-theme="light"] [style*="background-size:40px 40px"], [data-theme="light"] [style*="background-size: 40px 40px"], [data-theme="light"] [style*="background-size:60px 60px"], [data-theme="light"] [style*="background-size: 60px 60px"] { opacity: 0.3 !important; } /* ── Radial gradient hero overlays — soften ─────────────────── */ [data-theme="light"] [style*="radial-gradient(ellipse"] { opacity: 0.5 !important; } /* ── Gold text (awards, labels) — darken for light bg ────────── */ [data-theme="light"] [style*="color:#C9A84C"], [data-theme="light"] [style*="color: #C9A84C"], [data-theme="light"] .awards-strip-heading { color: #8a7a3e !important; } /* ── Accent-styled section borders ──────────────────────────── */ [data-theme="light"] [style*="border-top:1px solid rgba(201,65,26"], [data-theme="light"] [style*="border-bottom:1px solid rgba(201,65,26"], [data-theme="light"] [style*="border-top: 1px solid rgba(201,65,26"], [data-theme="light"] [style*="border-bottom: 1px solid rgba(201,65,26"] { border-color: rgba(201,65,26,0.12) !important; } /* ── Skill review page (already light) — keep as-is ─────────── */ [data-theme="light"] .skill-review { background: #faf8f5 !important; } /* ── Scroll bar ─────────────────────────────────────────────── */ [data-theme="light"] ::-webkit-scrollbar { width: 8px; } [data-theme="light"] ::-webkit-scrollbar-track { background: #f5f0eb; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(44, 24, 16, 0.2); border-radius: 4px; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(44, 24, 16, 0.35); } /* ── Code blocks / pre ──────────────────────────────────────── */ [data-theme="light"] pre, [data-theme="light"] code { background: #f5f0eb !important; color: #2c1810 !important; border-color: rgba(44, 24, 16, 0.1) !important; } /* ── Tables ──────────────────────────────────────────────────── */ [data-theme="light"] table { border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] th { background: #f5f0eb !important; color: #2c1810 !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] td { border-color: rgba(44, 24, 16, 0.08) !important; color: rgba(44, 24, 16, 0.72) !important; } /* ── Inline-styled list items ───────────────────────────────── */ [data-theme="light"] li[style*="color:rgba(255,255,255"], [data-theme="light"] li[style*="color: rgba(255,255,255"], [data-theme="light"] li[style*="color: rgba(255, 255, 255"] { color: rgba(44, 24, 16, 0.68) !important; } /* ── Generic links (not buttons/CTA) ─────────────────────────── */ [data-theme="light"] a:not(.nav-cta):not(.btn-primary):not(.btn-hero-primary):not(.btn-hero-outline):not(.learn-btn):not(.snx-nav-logo):not(.snx-dropdown-item):not([style*="background:linear-gradient"]):not([style*="background:#C9411A"]) { color: #b5421a !important; } [data-theme="light"] a:not(.nav-cta):not(.btn-primary):not(.btn-hero-primary):not(.btn-hero-outline):not(.learn-btn):not([style*="background:linear-gradient"]):hover { color: #8a3214 !important; } /* Restore white on ALL solid-bg buttons & CTAs */ [data-theme="light"] a.btn-primary, [data-theme="light"] a.learn-btn, [data-theme="light"] .learn-btn, [data-theme="light"] .nav-cta, [data-theme="light"] a.nav-cta { color: #fff !important; } /* ── Inline-styled span text ────────────────────────────────── */ [data-theme="light"] span[style*="color:rgba(255,255,255"], [data-theme="light"] span[style*="color: rgba(255,255,255"], [data-theme="light"] span[style*="color: rgba(255, 255, 255"] { color: rgba(44, 24, 16, 0.6) !important; } /* ══════════════════════════════════════════════════════════════ COMPREHENSIVE OVERRIDES — Product pages & remaining classes ══════════════════════════════════════════════════════════════ */ /* ── Hero subtitle ─────────────────────────────────────────── */ [data-theme="light"] .hero-sub { color: rgba(44, 24, 16, 0.6) !important; } /* ── Product hero stats (malware-sandbox, etc.) ────────────── */ [data-theme="light"] .stat-val { color: #C9411A !important; } [data-theme="light"] .stat-val span { color: #C9411A !important; } [data-theme="light"] .stat-item .stat-label { color: rgba(44, 24, 16, 0.55) !important; } [data-theme="light"] .hero-stats { border-top-color: rgba(44, 24, 16, 0.1) !important; } /* ── Pipeline step cards (malware-sandbox) ─────────────────── */ [data-theme="light"] .ps-title { color: #2c1810 !important; } [data-theme="light"] .ps-desc { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .ps-icon { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } [data-theme="light"] .ps-arrow { color: rgba(201,65,26,0.3) !important; } /* ── Problem / capability descriptions ─────────────────────── */ [data-theme="light"] .problem-desc, [data-theme="light"] .cap-desc { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .cap-tag { color: #C9411A !important; background: rgba(201,65,26,0.08) !important; } /* ── Trust bar labels & pills ──────────────────────────────── */ [data-theme="light"] .trust-label { color: rgba(44, 24, 16, 0.45) !important; } [data-theme="light"] .trust-pill { color: rgba(44, 24, 16, 0.6) !important; background: rgba(44, 24, 16, 0.06) !important; border-color: rgba(44, 24, 16, 0.12) !important; } /* ── Integration cards ─────────────────────────────────────── */ [data-theme="light"] .int-title { color: #2c1810 !important; } [data-theme="light"] .int-desc { color: rgba(44, 24, 16, 0.55) !important; } /* ── Resource cards & descriptions ──────────────────────────── */ [data-theme="light"] .resource-card { background: #ffffff !important; border: 1px solid rgba(44, 24, 16, 0.12) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .resource-card:hover { border-color: rgba(201,65,26,0.3) !important; } [data-theme="light"] .resource-type { color: #C9411A !important; } [data-theme="light"] .resource-title { color: #2c1810 !important; } [data-theme="light"] .resource-desc { color: rgba(44, 24, 16, 0.6) !important; } /* ── Award details (index, product pages) ──────────────────── */ [data-theme="light"] .award-body, [data-theme="light"] .award-detail { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .award-org { color: rgba(44, 24, 16, 0.5) !important; } [data-theme="light"] .award-year { color: #8a7a3e !important; } /* ── Feature / form-factor descriptions ────────────────────── */ [data-theme="light"] .ff-desc { color: rgba(44, 24, 16, 0.55) !important; } /* ── Platform cards & subtitle ─────────────────────────────── */ [data-theme="light"] .platform-card { background: rgba(201,168,76,0.06) !important; border-color: rgba(201,168,76,0.35) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } [data-theme="light"] .platform-card:hover { border-color: rgba(201,65,26,0.3) !important; } [data-theme="light"] .platform-name { color: #2c1810 !important; } /* BOSS name — keep gold but darken */ [data-theme="light"] .platform-name[style*="color:#C9A84C"] { color: #8a7a3e !important; } [data-theme="light"] .platform-sub { color: rgba(44, 24, 16, 0.55) !important; } [data-theme="light"] .platform-grid { /* Ensure grid container is transparent */ } /* ── Deployment badges (white text on dark bg) ─────────────── */ [data-theme="light"] .dbadge-white { color: rgba(44, 24, 16, 0.7) !important; background: rgba(44, 24, 16, 0.06) !important; border-color: rgba(44, 24, 16, 0.12) !important; } /* ── Footer back link ──────────────────────────────────────── */ [data-theme="light"] .footer-back { color: rgba(44, 24, 16, 0.5) !important; } /* ── About page — Section wrappers with var(--surface) bg ──── */ [data-theme="light"] [style*="background:var(--surface)"] { background: #faf8f5 !important; } [data-theme="light"] [style*="border-top:1px solid var(--border)"], [data-theme="light"] [style*="border-bottom:1px solid var(--border)"] { border-color: rgba(201,65,26,0.1) !important; } /* ── About page — Section labels & subtitles ───────────────── */ [data-theme="light"] .section-label { color: #C9411A !important; } [data-theme="light"] .section-sub { color: rgba(44, 24, 16, 0.6) !important; } /* ── About page — Mission / Vision cards ───────────────────── */ [data-theme="light"] .mv-card { border-color: rgba(44, 24, 16, 0.12) !important; } [data-theme="light"] .mv-mission { background: rgba(201,65,26,0.06) !important; border-color: rgba(201,65,26,0.18) !important; } [data-theme="light"] .mv-vision { background: rgba(201,168,76,0.06) !important; border-color: rgba(201,168,76,0.18) !important; } [data-theme="light"] .mv-label { color: #C9411A !important; } [data-theme="light"] .mv-vision .mv-label { color: #8a7a3e !important; } [data-theme="light"] .mv-card blockquote { color: #2c1810 !important; } [data-theme="light"] .mv-mission blockquote { color: #2c1810 !important; } [data-theme="light"] .mv-vision blockquote { color: #2c1810 !important; } /* ── About page — Story cards ──────────────────────────────── */ [data-theme="light"] .story-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .story-card p { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .story-card h3 { color: #2c1810 !important; } /* ── About page — Team cards ───────────────────────────────── */ [data-theme="light"] .team-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .team-card:hover { border-color: rgba(201,65,26,0.4) !important; } [data-theme="light"] .team-card-top { border-bottom-color: rgba(44, 24, 16, 0.08) !important; } [data-theme="light"] .team-name-block h3 { color: #2c1810 !important; } [data-theme="light"] .team-role { color: #C9411A !important; } [data-theme="light"] .team-bio { color: rgba(44, 24, 16, 0.68) !important; } [data-theme="light"] .team-card h4, [data-theme="light"] .team-card p, [data-theme="light"] .team-card span { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .team-card a { color: #C9411A !important; } /* ── About page — Stats strip ──────────────────────────────── */ [data-theme="light"] .stats-strip { background: #faf8f5 !important; border-color: rgba(201,65,26,0.1) !important; } /* ── About page — Hero ─────────────────────────────────────── */ [data-theme="light"] .hero p { color: rgba(44, 24, 16, 0.6) !important; } /* ── About page — Partner pills ────────────────────────────── */ [data-theme="light"] .partner-pill { color: rgba(44, 24, 16, 0.6) !important; background: rgba(44, 24, 16, 0.05) !important; border-color: rgba(44, 24, 16, 0.1) !important; } /* ── Facilitator section (awards — index.html) ─────────────── */ [data-theme="light"] .award-facilitators { border-top-color: rgba(44, 24, 16, 0.08) !important; } [data-theme="light"] .facilitator-label { color: rgba(44, 24, 16, 0.45) !important; } [data-theme="light"] .facilitator-text { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .facilitator-text strong { color: #2c1810 !important; } [data-theme="light"] .facilitator-dot { background: #C9411A !important; } /* ── Inline icon containers (white-on-dark → dark-on-light) ── */ /* Icon boxes with very light white bg */ [data-theme="light"] [style*="background:rgba(255,255,255,0.06)"], [data-theme="light"] [style*="background: rgba(255,255,255,0.06)"], [data-theme="light"] [style*="background:rgba(255,255,255,0.05)"], [data-theme="light"] [style*="background: rgba(255,255,255,0.05)"] { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } /* SVG strokes inside icon containers — white → accent */ [data-theme="light"] [style*="background:rgba(255,255,255,0.06)"] svg, [data-theme="light"] [style*="background: rgba(255,255,255,0.06)"] svg, [data-theme="light"] [style*="background:rgba(255,255,255,0.05)"] svg, [data-theme="light"] [style*="background: rgba(255,255,255,0.05)"] svg { stroke: #C9411A !important; } /* Inline SVGs with explicit white/light stroke attribute */ [data-theme="light"] svg[stroke="rgba(255,255,255,0.75)"], [data-theme="light"] svg[stroke="rgba(255,255,255,0.6)"], [data-theme="light"] svg[stroke="rgba(255,255,255,0.5)"] { stroke: #C9411A !important; } /* Checkmark SVGs with white stroke in list items */ [data-theme="light"] li svg[stroke="rgba(255,255,255,0.6)"], [data-theme="light"] li svg[stroke="rgba(255,255,255,0.5)"] { stroke: #C9411A !important; } /* ── News/Events page specific ─────────────────────────────── */ [data-theme="light"] .news-card h3, [data-theme="light"] .event-card h3 { color: #2c1810 !important; } [data-theme="light"] .news-card p, [data-theme="light"] .event-card p { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .news-date, [data-theme="light"] .event-date { color: rgba(44, 24, 16, 0.45) !important; } [data-theme="light"] .news-tag, [data-theme="light"] .event-tag { color: #C9411A !important; background: rgba(201,65,26,0.08) !important; } /* ── Inline-styled h3 white text (deployment cards, etc.) ──── */ [data-theme="light"] h3[style*="color:#fff"], [data-theme="light"] h3[style*="color: #fff"], [data-theme="light"] h3[style*="color:white"], [data-theme="light"] h3[style*="color: white"] { color: #2c1810 !important; } /* ── Inline-styled p with white/light text inside deploy cards */ [data-theme="light"] p[style*="color:rgba(255,255,255,0.5)"], [data-theme="light"] p[style*="color: rgba(255,255,255,0.5)"], [data-theme="light"] p[style*="color:rgba(255,255,255,0.4)"], [data-theme="light"] p[style*="color: rgba(255,255,255,0.4)"] { color: rgba(44, 24, 16, 0.6) !important; } /* ── Inline-styled li with white/light text (feature lists) ── */ [data-theme="light"] li[style*="color:rgba(255,255,255,0.6)"], [data-theme="light"] li[style*="color: rgba(255,255,255,0.6)"], [data-theme="light"] li[style*="color:rgba(255,255,255,0.5)"], [data-theme="light"] li[style*="color: rgba(255,255,255,0.5)"] { color: rgba(44, 24, 16, 0.6) !important; } /* ── Deploy card containers (inline dark bg) ───────────────── */ [data-theme="light"] [style*="background:rgba(255,255,255,0.03)"], [data-theme="light"] [style*="background: rgba(255,255,255,0.03)"] { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; } /* ── Border on inline-styled cards (white translucent borders) */ [data-theme="light"] [style*="border:1px solid rgba(255,255,255,0.1)"], [data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.1)"], [data-theme="light"] [style*="border:1px solid rgba(255,255,255,0.15)"], [data-theme="light"] [style*="border: 1px solid rgba(255,255,255,0.15)"] { border-color: rgba(44, 24, 16, 0.1) !important; } /* ── Hero stat values & labels ─────────────────────────────── */ [data-theme="light"] .hero-stat-value { color: #C9411A !important; } [data-theme="light"] .hero-stat-label { color: rgba(44, 24, 16, 0.55) !important; } [data-theme="light"] .hero-stats { border-top-color: rgba(44, 24, 16, 0.1) !important; } /* ── Section header wrapper ────────────────────────────────── */ [data-theme="light"] .section-header p { color: rgba(44, 24, 16, 0.6) !important; } /* ── Top gradient bar on deploy cards (white gradient → accent) */ [data-theme="light"] [style*="background:linear-gradient(90deg,rgba(255,255,255,0.4),rgba(255,255,255,0.05))"], [data-theme="light"] [style*="background: linear-gradient(90deg,rgba(255,255,255,0.4),rgba(255,255,255,0.05))"] { background: linear-gradient(90deg, rgba(201,65,26,0.25), rgba(201,65,26,0.03)) !important; } /* ── Inline icon boxes with border-radius:14px (deploy cards) */ [data-theme="light"] div[style*="border-radius:14px"][style*="background:rgba(255,255,255"] { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } [data-theme="light"] div[style*="border-radius:14px"][style*="background:rgba(255,255,255"] svg { stroke: #C9411A !important; } /* ══════════════════════════════════════════════════════════════ CROSS-PAGE AUDIT — remaining class overrides ══════════════════════════════════════════════════════════════ */ /* ── Cap title (anti-apt, etc.) ────────────────────────────── */ [data-theme="light"] .cap-title { color: #2c1810 !important; } /* ── Pipeline title & desc (anti-apt) ──────────────────────── */ [data-theme="light"] .pipe-title { color: #2c1810 !important; } [data-theme="light"] .pipe-desc { color: rgba(44, 24, 16, 0.6) !important; } /* ── Deploy feature text ───────────────────────────────────── */ [data-theme="light"] .deploy-feature { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .deploy-desc { color: rgba(44, 24, 16, 0.6) !important; } /* ── Source card title & desc (threat-intelligence) ─────────── */ [data-theme="light"] .src-title { color: #2c1810 !important; } [data-theme="light"] .src-desc { color: rgba(44, 24, 16, 0.55) !important; } /* ── Use case card desc (threat-intelligence) ──────────────── */ [data-theme="light"] .uc-desc { color: rgba(44, 24, 16, 0.6) !important; } /* ── Award title ───────────────────────────────────────────── */ [data-theme="light"] .award-title { color: #2c1810 !important; } /* ── Award badge label (iDEX, DAIS, etc.) ─────────────────── */ [data-theme="light"] .award-badge-label { background: rgba(201,168,76,0.1) !important; border-color: rgba(201,168,76,0.35) !important; } [data-theme="light"] .award-badge-label span { color: #8a7a3e !important; } /* ── Cap bar label (malware-sandbox) ───────────────────────── */ [data-theme="light"] .cap-bar-label { color: rgba(44, 24, 16, 0.65) !important; } /* ── Stat box label (email-security, malware-sandbox) ──────── */ [data-theme="light"] .stat-box-label { color: rgba(44, 24, 16, 0.55) !important; } /* ── VT badge & cloud badge (malware-sandbox) ──────────────── */ [data-theme="light"] .vt-badge { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .cloud { color: #2563eb !important; } /* ── Module tag (cyber-range) ──────────────────────────────── */ [data-theme="light"] .mod-tag { color: rgba(44, 24, 16, 0.45) !important; } /* ── Team feature (cyber-range) ────────────────────────────── */ [data-theme="light"] .team-feature { color: rgba(44, 24, 16, 0.65) !important; } [data-theme="light"] .team-avatar { color: #2c1810 !important; } /* ── Footer brand ──────────────────────────────────────────── */ [data-theme="light"] .footer-brand { color: rgba(44, 24, 16, 0.5) !important; } [data-theme="light"] .footer-brand p { color: rgba(44, 24, 16, 0.5) !important; } /* ── News/Events — button-like links ───────────────────────── */ [data-theme="light"] .btn-li { color: #fff !important; background: #C9411A !important; } /* ── 404 page ──────────────────────────────────────────────── */ [data-theme="light"] .error-sub { color: rgba(44, 24, 16, 0.55) !important; } [data-theme="light"] .btn-home { color: #fff !important; background: #C9411A !important; } /* ── Attribution text ──────────────────────────────────────── */ [data-theme="light"] .attribution { color: rgba(44, 24, 16, 0.5) !important; } /* ══════════════════════════════════════════════════════════════ PRODUCT-PAGE-SPECIFIC OVERRIDES ══════════════════════════════════════════════════════════════ */ /* ── Cyber Range — Team badges (colored tags) ──────────────── */ [data-theme="light"] .team-badge.red { color: #cc3333 !important; background: rgba(204,51,51,0.08) !important; } [data-theme="light"] .team-badge.blue { color: #3366cc !important; background: rgba(51,102,204,0.08) !important; } [data-theme="light"] .team-feature-dot.red { background: #cc3333 !important; } [data-theme="light"] .team-feature-dot.blue { background: #3366cc !important; } /* ── Cyber Range — Workflow cards & steps ─────────────────── */ [data-theme="light"] .wf-card { background: rgba(255, 255, 255, 0.55) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-color: rgba(44, 24, 16, 0.1) !important; box-shadow: 0 2px 10px rgba(30,15,8,0.04) !important; } [data-theme="light"] .wf-num { color: #C9411A !important; } [data-theme="light"] .wf-title { color: #2c1810 !important; } [data-theme="light"] .wf-step { background: transparent !important; color: rgba(44, 24, 16, 0.65) !important; } /* ── Cyber Range — Module cards ────────────────────────────── */ [data-theme="light"] .mod-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .mod-icon { background: rgba(201,65,26,0.08) !important; } [data-theme="light"] .mod-title { color: #2c1810 !important; } /* ── Deploy tags (gold labels) ─────────────────────────────── */ [data-theme="light"] .deploy-tag { color: #8a7a3e !important; } /* ── Email Security — Pipeline elements (transparent/glass) ── */ [data-theme="light"] .pipeline-step { background: rgba(255, 255, 255, 0.45) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(201,65,26,0.1) !important; border-radius: 16px !important; padding: 24px 20px !important; box-shadow: 0 2px 12px rgba(30,15,8,0.04) !important; } [data-theme="light"] .pipeline-step:not(:last-child)::after { color: rgba(201,65,26,0.5) !important; } [data-theme="light"] .pipeline-name { color: #2c1810 !important; } [data-theme="light"] .pipeline-num { color: #C9411A !important; } [data-theme="light"] .pipeline-desc { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .pipeline-icon { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } [data-theme="light"] .pipeline { background: transparent !important; } [data-theme="light"] .section-alt { background: rgba(201,65,26,0.02) !important; } /* ── Email Security — Stat dashboard ──────────────────────── */ [data-theme="light"] .stat-dashboard { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .stat-box { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .stat-box-val { color: #C9411A !important; } /* ── Deploy card icons & names ─────────────────────────────── */ [data-theme="light"] .deploy-icon { background: rgba(201,65,26,0.08) !important; border-color: rgba(201,65,26,0.18) !important; } [data-theme="light"] .deploy-name { color: #2c1810 !important; } /* ── Platform dot (pills) ──────────────────────────────────── */ [data-theme="light"] .plat-dot { background: #C9411A !important; } /* ── Inline gold-colored text (Capacity:, Uptime:, etc.) ──── */ [data-theme="light"] span[style*="color:#C9A84C"], [data-theme="light"] span[style*="color: #C9A84C"] { color: #8a7a3e !important; } /* ── Inline divs with light-on-dark text (spec grids, etc.) ── */ [data-theme="light"] div[style*="color:rgba(255,255,255,0.5)"], [data-theme="light"] div[style*="color: rgba(255,255,255,0.5)"], [data-theme="light"] div[style*="color:rgba(255,255,255,0.45)"], [data-theme="light"] div[style*="color: rgba(255,255,255,0.45)"] { color: rgba(44, 24, 16, 0.6) !important; } /* ── Footer logo — ensure visibility on light bg ──────────── */ [data-theme="light"] .footer-logo { filter: none !important; } /* ── News/Events — Testimonials (hardcoded light text) ───── */ [data-theme="light"] .testimonial-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .testimonial-card p { color: rgba(44, 24, 16, 0.78) !important; } [data-theme="light"] .testimonial-author { color: #2c1810 !important; } [data-theme="light"] .testimonial-role { color: #8a7a3e !important; } [data-theme="light"] .testimonial-card::before { color: rgba(201,65,26,0.12) !important; } /* ── News/Events — Featured card ─────────────────────────── */ [data-theme="light"] .featured-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .featured-card h3 { color: #2c1810 !important; } [data-theme="light"] .featured-card p { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .card-date { color: rgba(44, 24, 16, 0.5) !important; } [data-theme="light"] .engagement { color: rgba(44, 24, 16, 0.5) !important; } /* ── News/Events — Filter buttons ────────────────────────── */ [data-theme="light"] .filter-btn { color: rgba(44, 24, 16, 0.55) !important; border-color: rgba(44, 24, 16, 0.12) !important; } [data-theme="light"] .filter-btn:hover, [data-theme="light"] .filter-btn.active { color: #fff !important; background: #C9411A !important; border-color: #C9411A !important; } /* ── News/Events — Award timeline ────────────────────────── */ [data-theme="light"] .award-dot { background: #f5f0ea !important; border-color: #C9411A !important; } [data-theme="light"] .award-year { color: #8a7a3e !important; } [data-theme="light"] .award-body { color: rgba(44, 24, 16, 0.6) !important; } /* ── News/Events — News cards ────────────────────────────── */ [data-theme="light"] .news-card { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } [data-theme="light"] .news-card h3 { color: #2c1810 !important; } [data-theme="light"] .news-card p { color: rgba(44, 24, 16, 0.6) !important; } /* ── Footer links (hardcoded rgba light text) ────────────── */ [data-theme="light"] .footer-col a { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .footer-col a:hover { color: #C9411A !important; } [data-theme="light"] footer { background: #faf8f5 !important; border-top-color: rgba(201,65,26,0.1) !important; } /* ── Dropdown menus (news-events nav) ────────────────────── */ [data-theme="light"] .dropdown-menu { background: rgba(255, 255, 255, 0.97) !important; border-color: rgba(201,65,26,0.12) !important; backdrop-filter: blur(24px) !important; } [data-theme="light"] .dropdown-item { color: #2c1810 !important; } [data-theme="light"] .dropdown-item:hover { background: rgba(201,65,26,0.06) !important; } [data-theme="light"] .dropdown-item span { color: rgba(44, 24, 16, 0.55) !important; } /* ── CTA section ─────────────────────────────────────────── */ [data-theme="light"] .cta-section { background: linear-gradient(135deg, rgba(201,65,26,0.06), rgba(201,168,76,0.03)) !important; border-top-color: rgba(201,65,26,0.1) !important; border-bottom-color: rgba(201,65,26,0.1) !important; } [data-theme="light"] .cta-section h2 { color: #2c1810 !important; } [data-theme="light"] .cta-section p { color: rgba(44, 24, 16, 0.6) !important; } [data-theme="light"] .btn-outline { border-color: rgba(44, 24, 16, 0.15) !important; color: #2c1810 !important; } [data-theme="light"] .btn-outline:hover { border-color: #C9411A !important; background: rgba(201,65,26,0.06) !important; } /* ══════════════════════════════════════════════════════════════ FILE-UPLOAD-SECURITY — sections with inline dark backgrounds ══════════════════════════════════════════════════════════════ */ /* Section backgrounds — very dark hex values */ [data-theme="light"] section[style*="background:#0a0200"], [data-theme="light"] section[style*="background:#0e0503"], [data-theme="light"] section[style*="background:#080201"] { background: #f5f0ea !important; border-color: rgba(201,65,26,0.08) !important; } /* Comparison table — header row */ [data-theme="light"] th[style*="color:rgba(255,255,255"] { color: rgba(44, 24, 16, 0.55) !important; background: #f5f0eb !important; } /* Comparison table — alternating row stripes */ [data-theme="light"] tr[style*="background:rgba(255,255,255,0.015)"] { background: rgba(201, 65, 26, 0.03) !important; } /* Comparison table — capability text in td */ [data-theme="light"] td[style*="color:rgba(255,255,255,0.75)"] { color: rgba(44, 24, 16, 0.75) !important; } /* Comparison table — border between rows */ [data-theme="light"] td[style*="border-bottom:1px solid rgba(255,255,255"] { border-bottom-color: rgba(44, 24, 16, 0.08) !important; } [data-theme="light"] th[style*="border-bottom:1px solid rgba(255,255,255"] { border-bottom-color: rgba(44, 24, 16, 0.1) !important; } /* Comparison table — SecneurX badge in header */ [data-theme="light"] th div[style*="background:linear-gradient(135deg,rgba(201,65,26"] { background: rgba(201, 65, 26, 0.1) !important; border-color: rgba(201, 65, 26, 0.3) !important; } [data-theme="light"] th div[style*="background:linear-gradient(135deg,rgba(201,65,26"] span { color: #C9411A !important; } /* X marks — SVGs with light stroke need to stay visible */ [data-theme="light"] td svg[stroke="rgba(255,255,255,0.2)"], [data-theme="light"] td svg line[stroke="rgba(255,255,255,0.2)"] { stroke: rgba(44, 24, 16, 0.2) !important; } /* Comparison footer note */ [data-theme="light"] p[style*="color:rgba(255,255,255,0.25)"] { color: rgba(44, 24, 16, 0.4) !important; } /* ── Closing CTA section ─────────────────────────────────────── */ [data-theme="light"] section[style*="background:linear-gradient(135deg,#1a0a06 0%,#2d0d06"] { background: linear-gradient(135deg, #f0e8df 0%, #ede2d6 40%, #f0e8df 100%) !important; border-color: rgba(201,65,26,0.08) !important; } /* Deployment model badges (Cloud, On-Premise, Air-Gapped) */ [data-theme="light"] div[style*="background:rgba(201,65,26,0.1)"][style*="border-radius:100px"] span[style*="color:#fff"] { color: #C9411A !important; } [data-theme="light"] div[style*="background:rgba(201,168,76,0.1)"][style*="border-radius:100px"] span[style*="color:#fff"] { color: #8a7a3e !important; } [data-theme="light"] div[style*="background:rgba(255,255,255,0.06)"][style*="border-radius:100px"] { background: rgba(44, 24, 16, 0.06) !important; border-color: rgba(44, 24, 16, 0.15) !important; } [data-theme="light"] div[style*="background:rgba(255,255,255,0.06)"][style*="border-radius:100px"] span[style*="color:#fff"] { color: #2c1810 !important; } /* "all deployment models supported" text */ [data-theme="light"] span[style*="color:rgba(255,255,255,0.4)"][style*="font-weight:500"] { color: rgba(44, 24, 16, 0.45) !important; } /* CTA radial glow — suppress in light mode */ [data-theme="light"] div[style*="background:radial-gradient(circle,rgba(201,65,26,0.15)"] { opacity: 0.3 !important; } /* ── Deployment integration cards ─────────────────────────────── */ [data-theme="light"] div[style*="background:rgba(255,255,255,0.04)"] { background: #ffffff !important; border-color: rgba(44, 24, 16, 0.1) !important; } /* Resources section background */ [data-theme="light"] section[style*="background:#0e0503"] p[style*="color:rgba(255,255,255,0.3)"] { color: rgba(44, 24, 16, 0.35) !important; } /* ══════════════════════════════════════════════════════════════ DARK MODE — Footer contrast boost Default dark footer uses very low-opacity whites that are nearly invisible on #060100. Boost them without !important won't work (inline styles), so we use !important here. Scoped to :not([data-theme="light"]) to avoid conflicting with light-mode footer rules above. ══════════════════════════════════════════════════════════════ */ html:not([data-theme="light"]) footer h4 { color: rgba(255,255,255,0.55) !important; } html:not([data-theme="light"]) footer p { color: rgba(255,255,255,0.5) !important; } html:not([data-theme="light"]) footer a { color: rgba(255,255,255,0.7) !important; } html:not([data-theme="light"]) footer a:hover { color: #fff !important; } /* Social icon buttons — boost bg and border visibility */ html:not([data-theme="light"]) footer a[aria-label] { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.15) !important; } html:not([data-theme="light"]) footer a[aria-label]:hover { background: rgba(201,65,26,0.25) !important; } /* Social SVG icons — boost fill opacity */ html:not([data-theme="light"]) footer svg[fill*="rgba(255,255,255"] { fill: rgba(255,255,255,0.85) !important; } /* Contact SVG icons (stroke-based) */ html:not([data-theme="light"]) footer svg[stroke*="rgba(201,65,26"] { stroke: rgba(201,65,26,1) !important; } /* Email icon in social row (stroke-based) */ html:not([data-theme="light"]) footer svg[stroke*="rgba(255,255,255"] { stroke: rgba(255,255,255,0.85) !important; } /* Copyright & bottom bar — boost from 0.2 */ html:not([data-theme="light"]) footer p[style*="color:rgba(255,255,255,0.2)"] { color: rgba(255,255,255,0.4) !important; } html:not([data-theme="light"]) footer a[style*="color:rgba(255,255,255,0.2)"] { color: rgba(255,255,255,0.4) !important; } /* India/location faint text */ html:not([data-theme="light"]) footer span[style*="color:rgba(255,255,255,0.25)"] { color: rgba(255,255,255,0.45) !important; } /* ── Transition smoothing ───────────────────────────────────── */ html[data-theme] body, html[data-theme] nav, html[data-theme] .snx-nav, html[data-theme] footer, html[data-theme] .card, html[data-theme] .section { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }