/* ===== NAVY THEME OVERRIDE ===== */ /* Applied when */ /* Flash prevention override (beats style.css !important via higher specificity) */ html[data-theme="navy"], html[data-theme="navy"] body{background:#0a0f1e!important;color:#e8edf8!important} /* ===== TOKEN OVERRIDES ===== */ html[data-theme="navy"]{ --bg:#0a0f1e; --text:#e8edf8; --muted:#8a9ab8; --dim:#4a5a80; --border:rgba(100,150,255,.18); --border-soft:rgba(100,150,255,.09); --card-bg:rgba(59,130,246,.05); --card-bg-h:rgba(59,130,246,.10); } /* ===== NAV ===== */ html[data-theme="navy"] .nav.scrolled{ background:rgba(10,15,30,.88); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-color:rgba(100,150,255,.12) } /* Liquid-steel-blue nav pills */ html[data-theme="navy"] .nav-link{ background:linear-gradient(105deg,#060d1a 0%,#102040 48%,#1a3a6a 100%); border-color:rgba(100,150,255,.35); color:#c8d8f0 } html[data-theme="navy"] .nav-link:hover{ background:linear-gradient(105deg,#0d1f38 0%,#1a3560 45%,#2a50a0 100%); border-color:rgba(150,200,255,.65); box-shadow:0 0 18px rgba(100,180,255,.22) } /* Dropdown */ html[data-theme="navy"] .dropdown-menu{ background:#07102a; border-color:rgba(100,150,255,.15); box-shadow:0 20px 40px rgba(0,5,20,.85) } html[data-theme="navy"] .dropdown-item:hover{ background:rgba(59,130,246,.1); color:#e8edf8 } /* Burger */ html[data-theme="navy"] .burger{ border-color:rgba(100,150,255,.25); background:rgba(10,15,30,.6) } html[data-theme="navy"] .burger:hover{ border-color:rgba(150,200,255,.4); background:rgba(59,130,246,.08) } /* Mobile menu */ html[data-theme="navy"] .menu-backdrop{background:rgba(5,10,25,.5)} html[data-theme="navy"] .mobile-link{ background:linear-gradient(105deg,#060d1a 0%,#102040 48%,#1a3a6a 100%); border-color:rgba(100,150,255,.35); color:#c8d8f0 } html[data-theme="navy"] .mobile-link:hover{ background:linear-gradient(105deg,#0d1f38 0%,#1a3560 45%,#2a50a0 100%); border-color:rgba(150,200,255,.65) } /* ===== BADGE ===== */ html[data-theme="navy"] .badge{ background:linear-gradient(90deg,#0d2044 0%,#0a1838 52%,#060f24 100%); border:1px solid rgba(100,150,255,.2); color:#c8d8f0 } html[data-theme="navy"] .badge-dot{background:#3b82f6} /* ===== HERO ===== */ html[data-theme="navy"] .hero-scrim{ background:linear-gradient(to bottom,rgba(10,15,30,.06) 0%,rgba(10,15,30,.2) 35%,rgba(10,15,30,.72) 65%,#0a0f1e 100%) } html[data-theme="navy"] .hero-stats-strip{ border-top-color:rgba(100,150,255,.12); color:#a0b4d0 } html[data-theme="navy"] .hero-logo{color:#e8edf8} html[data-theme="navy"] .hero h1 em{color:#6a86b0} /* ===== LAYOUT ===== */ html[data-theme="navy"] .section{background:#0a0f1e} html[data-theme="navy"] .section:nth-child(even){background:#060c18} html[data-theme="navy"] .page-hero{background:#0a0f1e} /* ===== BUTTONS ===== */ html[data-theme="navy"] .btn-ghost{ background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(10,15,30,.6) 50%,rgba(59,130,246,.08)); border-color:rgba(100,150,255,.4); box-shadow:inset 0 1px 0 rgba(150,200,255,.1) } html[data-theme="navy"] .btn-ghost:hover{ background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(10,15,30,.45) 48%,rgba(59,130,246,.15)); border-color:rgba(150,200,255,.7); box-shadow:inset 0 1px 0 rgba(150,200,255,.15),0 0 20px rgba(59,130,246,.22) } html[data-theme="navy"] .btn-ghost-strong{ background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(10,15,30,.65) 46%,rgba(59,130,246,.1)); border-color:rgba(100,150,255,.5); box-shadow:inset 0 1px 0 rgba(150,200,255,.1) } html[data-theme="navy"] .btn-ghost-strong:hover{ background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(10,15,30,.5) 46%,rgba(59,130,246,.18)); border-color:rgba(150,200,255,.75); box-shadow:inset 0 1px 0 rgba(150,200,255,.2),0 0 24px rgba(59,130,246,.28) } /* ===== CARDS ===== */ html[data-theme="navy"] .card-icon{ background:rgba(59,130,246,.1); border-color:rgba(100,150,255,.2) } /* ===== COMPARISON TABLE ===== */ html[data-theme="navy"] .comparison-wrap{border-color:rgba(100,150,255,.1)} html[data-theme="navy"] .comparison-table th.our-col{background:rgba(59,130,246,.07)} html[data-theme="navy"] .comparison-table .our-label{ background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.08)); border-color:rgba(100,150,255,.3); color:#e8edf8 } html[data-theme="navy"] .comparison-table td{border-bottom-color:rgba(100,150,255,.06)} html[data-theme="navy"] .comparison-table td.our-col{ background:rgba(59,130,246,.04); border-left-color:rgba(100,150,255,.12); border-right-color:rgba(100,150,255,.12) } html[data-theme="navy"] .comparison-table tr:hover td{background:rgba(59,130,246,.03)} html[data-theme="navy"] .comparison-table tr:hover td.our-col{background:rgba(59,130,246,.09)} /* ===== FOOTER ===== */ html[data-theme="navy"] .footer{ background:#060c18; border-top-color:rgba(100,150,255,.1) } html[data-theme="navy"] .footer-col-title{color:rgba(180,210,255,.38)} html[data-theme="navy"] .footer-link:hover{color:#e8edf8} /* ===== FORMS ===== */ html[data-theme="navy"] .form-input, html[data-theme="navy"] .form-textarea, html[data-theme="navy"] .form-select{ background:rgba(59,130,246,.05); border-color:rgba(100,150,255,.18) } html[data-theme="navy"] .form-input:focus, html[data-theme="navy"] .form-textarea:focus, html[data-theme="navy"] .form-select:focus{ border-color:rgba(100,150,255,.4); background:rgba(59,130,246,.09) } html[data-theme="navy"] .form-input::placeholder, html[data-theme="navy"] .form-textarea::placeholder{color:rgba(140,170,220,.3)} html[data-theme="navy"] .form-select option{background:#07102a} /* ===== INDUSTRIES PAGE (inline styles) ===== */ html[data-theme="navy"] .industry-kicker-dot{background:#3b82f6} /* ===== APPROACH ARROW ===== */ html[data-theme="navy"] .approach-point::before{color:rgba(100,150,255,.4)} /* ===== PROCESS CONNECTOR LINE ===== */ html[data-theme="navy"] .process-step+.process-step::before{background:rgba(100,150,255,.15)} html[data-theme="navy"] .step-num{ background:rgba(59,130,246,.12); border-color:rgba(100,150,255,.2) } /* ===== CTA CARD ===== */ html[data-theme="navy"] .cta-card{ background:rgba(59,130,246,.05); border-color:rgba(100,150,255,.15) } html[data-theme="navy"] .cta-card::before{ background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(59,130,246,.08) 0%,transparent 60%) } /* ===== SECTION TITLE EM ===== */ html[data-theme="navy"] .section-title em{color:#6a86b0} /* ===== THEME TOGGLE BUTTON ===== */ .theme-toggle{ position:fixed;bottom:24px;right:24px;z-index:180; width:44px;height:44px;border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(8,8,8,.7); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); display:flex;align-items:center;justify-content:center; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.35); transition:transform .2s,border-color .2s,background .2s; padding:0 } .theme-toggle:hover{transform:scale(1.1);border-color:rgba(255,255,255,.28)} .theme-toggle::before{ content:''; width:18px;height:18px;border-radius:50%; background:conic-gradient(#1e1e1e 0deg 180deg,#3b82f6 180deg 360deg); display:block;flex-shrink:0; border:1.5px solid rgba(255,255,255,.15); box-sizing:border-box } html[data-theme="navy"] .theme-toggle{ background:rgba(10,15,30,.75); border-color:rgba(100,150,255,.25) } html[data-theme="navy"] .theme-toggle:hover{border-color:rgba(100,150,255,.5)}