/* Shared theme controls; visible even when the mobile menu is collapsed. */
:root{--page-bg:#080f21;--card-bg:#15223b;--text-heading:#f7f8fa;--text-body:#c3cbd9}
html[data-theme=dark]{--page-bg:#080f21;--card-bg:#15223b;--text-heading:#f7f8fa;--text-body:#c3cbd9;--accent:#67d8ff}
html[data-theme=light]{--page-bg:#fff;--card-bg:#fff;--text-heading:#102344;--text-body:#53627a;--accent:#105bc5}
html[data-theme] body{color:var(--text-body)}
html[data-theme] .motion-card{color:var(--text-body)}
html[data-theme] .motion-card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--text-heading)}
html[data-theme] :is(.h1,.h2,.h3,.h4,.h5,.h6){color:var(--text-heading)}
html[data-theme] .modal-content{background:var(--card-bg);color:var(--text-body);border-color:var(--line)}
html[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
html[data-theme=dark] .text-muted,html[data-theme=dark] .form-text{color:var(--text-body)!important}
html[data-theme=dark] .why-card>img{filter:brightness(1.65) saturate(.8)}
.header-controls{display:flex;align-items:center;gap:12px;margin-left:auto}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #1677ff40;border-radius:50%;background:#edf4ff;color:#1264ec;cursor:pointer}
.theme-toggle:hover{background:#dceaff;border-color:#1264ec}
.theme-toggle:focus-visible{outline:3px solid #1264ec;outline-offset:3px}
.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:block}.theme-toggle .theme-moon{display:none}
html[data-theme=light] .theme-toggle .theme-sun{display:none}
html[data-theme=light] .theme-toggle .theme-moon{display:block}
@media(min-width:992px){.site-header .navbar .header-controls{grid-column:3;grid-row:1;justify-self:end;margin:0}.site-header .navbar .header-action{margin:0}}
@media(min-width:992px) and (max-width:1199px){.header-controls{gap:8px}.site-header .header-action .btn{padding-left:10px!important;padding-right:10px!important;font-size:12px}.theme-toggle{width:36px;height:36px;flex-basis:36px}.site-header .navbar .navbar-nav{gap:14px}}
@media(max-width:991px){.header-controls{margin-right:12px}.site-header .navbar-toggler{margin-left:0}}
@media(max-width:380px){.site-header .header-container{padding:0 12px}.site-header .brand-window{width:140px}.header-controls{margin-right:8px}}

/* Dark navigation matches the existing navy site palette. */
html[data-theme=dark] .site-header{background:#080f21f5!important;border-color:#ffffff1c}
html[data-theme=dark] .site-header .navbar .navbar-nav .nav-link{color:#d3d5da}
html[data-theme=dark] .site-header .navbar .navbar-nav .nav-link:hover,html[data-theme=dark] .site-header .navbar .navbar-nav .nav-link.active{color:#67d8ff}
html[data-theme=dark] .site-header .brand-window{background:#fff;border-radius:6px}
html[data-theme=dark] .site-header .navbar-toggler{border-color:#ffffff40}
html[data-theme=dark] .site-header .navbar-toggler-icon{filter:invert(1)}
html[data-theme=dark] .site-header .navbar .navbar-nav{border-color:#ffffff1c}
html[data-theme=dark] .site-header .navbar .dropdown-menu{background:#15223b!important;border-color:#ffffff1c}
html[data-theme=dark] .site-header .dropdown-item{color:#d3d5da}
html[data-theme=dark] .site-header .dropdown-item:hover,html[data-theme=dark] .site-header .dropdown-item:focus{color:#fff;background:#272c36}
html[data-theme=dark] .theme-toggle{background:#15223b;color:#ffd166;border-color:#ffffff30}
html[data-theme=dark] .theme-toggle:hover{background:#223553;border-color:#ffd166}

/* Daytime palette covers shared sections, Bootstrap utilities and forms. */
html[data-theme=light]{--dark:#102344;--light:#f4f7fc;--secondary:#53627a;--line:#10234426;color-scheme:light}
html[data-theme=light] body{background:#fff;color:#53627a}
html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] h5,html[data-theme=light] h6{color:#102344}
html[data-theme=light] a{color:#105bc5}
html[data-theme=light] a:hover{color:#084799}
html[data-theme=light] .bg-light,html[data-theme=light] .bg-white{background:#f4f7fc!important}
html[data-theme=light] .text-dark{color:#102344!important}
html[data-theme=light] .text-muted,html[data-theme=light] .form-text{color:#53627a!important}
html[data-theme=light] .growth-opportunities{background:radial-gradient(ellipse at 50% 0,#1677ff0d,transparent 70%),#fff}
html[data-theme=light] .services-section,html[data-theme=light] .industries-section,html[data-theme=light] .process-section,html[data-theme=light] .consultation{background:#f0f5fc}
html[data-theme=light] .agency-card,html[data-theme=light] .solution-card,html[data-theme=light] .consultation-form,html[data-theme=light] .service-tabs{background:#fff;color:#53627a}
html[data-theme=light] .eyebrow,html[data-theme=light] .agency-title span,html[data-theme=light] .card-icon,html[data-theme=light] .card-link span,html[data-theme=light] .solution-card small,html[data-theme=light] .process-step>span,html[data-theme=light] .about-points li span,html[data-theme=light] .growth-deliverable small,html[data-theme=light] .contact-direct small,html[data-theme=light] .faq-list summary:after{color:#105bc5}
html[data-theme=light] .growth-deliverable{border-color:#105bc5}
html[data-theme=light] .growth-deliverable strong,html[data-theme=light] .card-link,html[data-theme=light] .about-points li,html[data-theme=light] .faq-list summary,html[data-theme=light] .contact-direct a{color:#102344}
html[data-theme=light] .tag-list span,html[data-theme=light] .industry-strip span,html[data-theme=light] .section-caption,html[data-theme=light] .service-tabs button{color:#53627a}
html[data-theme=light] .service-tabs button[aria-selected=true]{color:#fff}
html[data-theme=light] .agency-button,html[data-theme=light] .btn-primary,html[data-theme=light] .back-to-top{color:#fff}
html[data-theme=light] .agency-button.secondary{color:#105bc5;border-color:#105bc550}
html[data-theme=light] .agency-button.secondary:hover{background:#1677ff0d}
html[data-theme=light] .btn-outline-primary{color:#105bc5}
html[data-theme=light] .btn-outline-primary:hover{color:#fff}
html[data-theme=light] .service-item .service-text,html[data-theme=light] .project-item,html[data-theme=light] .team-item,html[data-theme=light] .bg-white.rounded-top{background:#fff!important}
html[data-theme=light] .service-item:hover .service-text,html[data-theme=light] .service-item .service-btn{background:#f0f5fc!important}
html[data-theme=light] .form-control,html[data-theme=light] .form-select,html[data-theme=light] .consultation-form .form-control,html[data-theme=light] .consultation-form .form-select{background-color:#fff;color:#102344;border-color:#10234430}
html[data-theme=light] .form-control:focus,html[data-theme=light] .form-select:focus{background-color:#f8fbff;color:#102344;border-color:#1677ff}
html[data-theme=light] .form-select option{background:#fff;color:#102344}
html[data-theme=light] .form-floating>label,html[data-theme=light] .form-control::placeholder{color:#53627a}
html[data-theme=light] .footer,html[data-theme=light] .copyright{background:#eaf1fc!important;color:#53627a}
html[data-theme=light] .footer .text-light,html[data-theme=light] .footer .btn.btn-link{color:#53627a!important}
html[data-theme=light] .footer .text-white{color:#102344!important}
html[data-theme=light] .footer a,html[data-theme=light] .copyright .text-light{color:#105bc5!important}
html[data-theme=light] .site-motion-toggle{background:#f4f7fc;color:#105bc5;border-color:#105bc540}
html[data-theme=light] .whatsapp-link{background:#e6f6eb;color:#176435}
html[data-theme=light] .whatsapp-link:hover{background:#d0efdb;color:#104926}
/* Video and photographic overlays retain contrast in both modes. */
html[data-theme=light] .fullscreen-hero h1,html[data-theme=light] .page-header h1{color:#f7f8fa}
html[data-theme=light] .fullscreen-hero h1 span,html[data-theme=light] .fullscreen-hero .eyebrow{color:#67d8ff}
html[data-theme=light] .fullscreen-hero .hero-note{color:#b5c7e0}
html[data-theme=light] .fullscreen-hero .agency-button.secondary{color:#fff;border-color:#ffffff50}
html[data-theme=light] .page-header .breadcrumb-item,html[data-theme=light] .page-header .breadcrumb-item a{color:#f7f8fa}

/* Persistent contact shortcuts stay in place while the page scrolls. */
.floating-contact-links{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));z-index:98;display:flex;flex-direction:column;gap:12px}
.floating-contact-links .contact-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;border:1px solid #ffffff40;color:#fff!important;box-shadow:0 4px 16px #0003;text-decoration:none;position:relative;transition:background .25s,box-shadow .25s}
.floating-contact-links .contact-whatsapp{background:#128c4a}
.floating-contact-links .contact-call{background:#1264ec}
.floating-contact-links .contact-whatsapp:hover{background:#0c763c}
.floating-contact-links .contact-call:hover{background:#0c51c3}
.floating-contact-links .contact-icon:focus-visible{outline:3px solid #67d8ff;outline-offset:4px}
.floating-contact-links img,.floating-contact-links svg{display:block;width:28px;height:28px}
@media(max-width:767px){.floating-contact-links{right:max(14px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));gap:10px}}

/* Complete feature palettes keep section, card and text colours together. */
html[data-theme=light] .why-choose-us{background:#f5f8fc;color:#48566c}
html[data-theme=light] .why-choose-us h2,
html[data-theme=light] .why-choose-us .why-card h3{color:#102344}
html[data-theme=light] .why-choose-us .why-card{background:#fff!important;color:#48566c;border:1px solid #dce5f2;box-shadow:0 8px 24px #10234408;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=light] .why-choose-us .why-card p{color:#48566c}
html[data-theme=light] .why-choose-us .text-primary{color:#105bc5!important}
html[data-theme=dark] .why-choose-us{background:#080f21;color:#c3cbd9}
html[data-theme=dark] .why-choose-us h2,
html[data-theme=dark] .why-choose-us .why-card h3{color:#f7f8fa}
html[data-theme=dark] .why-choose-us .why-card{background:#15223b!important;color:#c3cbd9;border:1px solid #334563;box-shadow:0 8px 24px #0002;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=dark] .why-choose-us .why-card p{color:#c3cbd9}
html[data-theme=dark] .why-choose-us .text-primary{color:#67d8ff!important}