/* Shared public-page palette: midnight navy with PhonePe-inspired purple (#5f259f) and pale lavender accents. */
body.navy-theme {
  --neon-grape: #5f259f;
  --primary: #d6a0f4;
  --primary-dark: #bd75e4;
  --accent: #ddb0ff;
  --bg-light: #0b1730;
  --surface: #112344;
  --text-main: #f2f6ff;
  --text-muted: #b6c7e0;
  --border: #293e60;
  background: #081428;
  color: var(--text-main);
  color-scheme: dark;
}
.navy-theme ::selection { background: #ddb0ff; color: #081428; }
.navy-theme .premium-nav { background: #09172cee; border-color: #293e60; box-shadow: 0 8px 35px #0002; }
.navy-theme .brand-group, .navy-theme .studio-contact-page { color: #f2f6ff; }
.navy-theme .premium-nav img, .navy-theme .footer-col-brand img { background: #f5f8ff; border-radius: 10px; padding: 7px 10px; height: 52px !important; width: auto; filter: none !important; }
.navy-theme .nav-links a { color: #d5e2f5; }
.navy-theme .nav-links a:hover, .navy-theme .quick-links a:hover { color: #ddb0ff; }
.navy-theme .nav-toggle .bar { background: #edf5ff; }
.navy-theme .premium-hero { background: radial-gradient(ellipse at 12% 25%, #5f259f2b, transparent 52%), radial-gradient(ellipse at 88% 72%, #5f259f2e, transparent 48%), #09172e; border-color: #293e60; }
.navy-theme .premium-hero::before { opacity: .35; }
.navy-theme .premium-hero .hero-title { color: #f2f6ff; text-shadow: 0 10px 35px #0003; }
.navy-theme .hero-title span, .navy-theme .section-title span { color: #d6a0f4 !important; }
.navy-theme .hero-tag, .navy-theme .section-tag, .navy-theme .studio-kicker { color: #ddb0ff; }
.navy-theme .hero-subtitle, .navy-theme .premium-section p, .navy-theme .about-text-content { color: #b6c7e0 !important; }
.navy-theme .premium-hero .hero-btns > a:not(.btn-cta) { color: #c7dcff !important; }
.navy-theme .premium-section { background: #0b1730 !important; border-color: #293e60 !important; }
.navy-theme .premium-section:nth-of-type(even) { background: #0d1c36 !important; }
.navy-theme .section-title, .navy-theme .premium-section h3, .navy-theme .premium-section h4, .navy-theme .team-name { color: #f2f6ff !important; }
.navy-theme .premium-section li, .navy-theme #contact ul, .navy-theme #contact li a { color: #b6c7e0 !important; }
.navy-theme .premium-section [style*="color: #555"], .navy-theme .premium-section [style*="color:#555"] { color: #b6c7e0 !important; }
.navy-theme .glass-card, .navy-theme .project-reveal-card, .navy-theme .team-card { background: #112344; border-color: #293e60; box-shadow: 0 16px 40px #0002; }
.navy-theme .glass-card:hover, .navy-theme .team-card:hover { border-color: #5787c5; box-shadow: 0 20px 50px #0004; }
.navy-theme #about .glass-card { background: linear-gradient(135deg, #152d50, #192b4c) !important; color: #f2f6ff !important; border-color: #345276 !important; box-shadow: 0 22px 45px #0002 !important; }
.navy-theme #about .glass-card p { color: #b6c7e0 !important; }
.navy-theme #about .glass-card h3, .navy-theme #about .glass-card i { color: #b9d7ff !important; }
.navy-theme .team-role { color: #ddb0ff; }
.navy-theme .project-link { color: #bfd2ec; }
.navy-theme .expand-hint { color: #d6a0f4 !important; opacity: 1 !important; }
.navy-theme .btn-cta, .navy-theme .premium-hero .btn-cta { background: linear-gradient(135deg, #5f259f, #7b43b5); color: #fff !important; box-shadow: 0 8px 24px #0003; }
.navy-theme .btn-cta:hover { background: #5f259f; }
.navy-theme .motion-toggle, .navy-theme .studio-hero-label { background: #13284a; color: #d5e7ff; border-color: #37547b; }
.navy-theme .studio-hero-label::before { color: #ddb0ff; }
.navy-theme .studio-invite { background: radial-gradient(ellipse at 95% 90%, #5f259f38, transparent 60%), radial-gradient(ellipse at 10% 0%, #5f259f25, transparent 60%), #10223f; border-color: #304d75; }
.navy-theme .studio-invite h2, .navy-theme .studio-contact-page .header-title { color: #f2f6ff; }
.navy-theme .studio-invite h2 span { color: #d6a0f4; }
.navy-theme #contact .section-title span { color: #d6a0f4 !important; }
.navy-theme .contact-action--call { background: linear-gradient(135deg, #5f259f, #7b43b5); }
.navy-theme .studio-sticker { background: #5f259f; color: #fff; }
.navy-theme .studio-invite p { color: #b6c7e0; }
.navy-theme .studio-link { color: #e6f1ff; }
.navy-theme .studio-link small { color: #b6c7e0; }
.navy-theme .studio-link-icon { background: #19345b; color: #ddb0ff; border-color: #41658e; }
.navy-theme .studio-link:hover .studio-link-icon { background: #ddb0ff; color: #081428; }
.navy-theme .studio-orbit { border-color: #5a8ac2; box-shadow: 0 0 0 28px #d6a0f406, 0 0 0 55px #d6a0f404; }
.navy-theme .studio-spark { color: #ddb0ff; }
.navy-theme .studio-code { background: #1b3457; color: #e2bcff; border-color: #42638a; }
.navy-theme .studio-sticker { background: #d6a0f4; color: #0b1730; }
.navy-theme .studio-robot { filter: drop-shadow(0 25px 30px #5f259f45); }
.navy-theme .header-title { color: #f2f6ff; }
.navy-theme .header-title span { color: #d6a0f4; }
.navy-theme .contact-info-list li, .navy-theme .quick-links a { color: #b6c7e0; }
.navy-theme .contact-info-list a { color: #d6a0f4; }
.navy-theme .column-title, .navy-theme .opening-hours-title { color: #f2f6ff; border-color: #293e60; }
.navy-theme .map-box { border-color: #293e60; }
.navy-theme footer { background: #071021 !important; border-color: #293e60 !important; color: #b6c7e0 !important; }
.navy-theme footer h5, .navy-theme footer h4, .navy-theme footer h6 { color: #d6a0f4 !important; }
.navy-theme footer p, .navy-theme footer li, .navy-theme footer a:not(.btn-cta), .navy-theme footer .footer-bottom .premium-container > div { color: #b6c7e0 !important; }
.navy-theme footer i { color: #d6a0f4 !important; }
.navy-theme footer .footer-support { background: #112344 !important; border-color: #304d75 !important; }
.navy-theme footer .footer-support .footer-request-service { background: #5f259f !important; color: #fff !important; }
.navy-theme footer .footer-support .footer-request-service i { color: #fff !important; }
.navy-theme footer .footer-col-brand a { background: #19345b !important; color: #d5e7ff !important; }
.navy-theme .modal-content { background: #112344; border: 1px solid #304d75 !important; }
.navy-theme .modal-header { background: #7310a3 !important; }
.navy-theme .form-control { background: #0b1730; color: #f2f6ff; border-color: #3c5578 !important; }
.navy-theme .form-control::placeholder { color: #a6bad6; }
.navy-theme .form-control:focus { border-color: #d6a0f4 !important; box-shadow: 0 0 0 3px #d6a0f425; }
.navy-theme .slider-btn { background: #173254 !important; color: #c7dcff !important; border-color: #3c5578 !important; }
.navy-theme a:focus-visible, .navy-theme button:focus-visible { outline-color: #ddb0ff; }
@media (max-width: 991px) { .navy-theme .nav-links { background: #101f39; border-color: #293e60; } }

/* PhonePe-inspired purple background with white type and deeper plum surfaces. */
body.navy-theme {
  --primary: #fff;
  --primary-dark: #f0d9ff;
  --accent: #eee5f7;
  --bg-light: #5f259f;
  --surface: #51218a;
  --text-main: #fff;
  --text-muted: #eee5f7;
  --border: #ffffff40;
  background: #5f259f;
}
.navy-theme .premium-nav { background: #472078f5; border-color: #ffffff30; }
.navy-theme .premium-hero { background: #5f259f; border-color: #ffffff30; }
.navy-theme .premium-hero .hero-title, .navy-theme .hero-title span,
.navy-theme .section-title, .navy-theme .section-title span,
.navy-theme #contact .section-title span { color: #fff !important; }
.navy-theme .premium-section, .navy-theme .premium-section:nth-of-type(even) { background: #5f259f !important; border-color: #ffffff30 !important; }
.navy-theme .hero-subtitle, .navy-theme .premium-section p,
.navy-theme .about-text-content, .navy-theme .premium-section li,
.navy-theme #contact ul, .navy-theme #contact li a,
.navy-theme .premium-section [style*="color: #555"],
.navy-theme .premium-section [style*="color:#555"] { color: #eee5f7 !important; }
.navy-theme .hero-tag, .navy-theme .section-tag, .navy-theme .studio-kicker,
.navy-theme .team-role, .navy-theme .expand-hint { color: #eee5f7 !important; }
.navy-theme .nav-links a, .navy-theme .premium-hero .hero-btns > a:not(.btn-cta) { color: #fff !important; }
.navy-theme .motion-toggle, .navy-theme .studio-hero-label { background: #472078; color: #fff; border-color: #ffffff50; }
.navy-theme .glass-card, .navy-theme .project-reveal-card, .navy-theme .team-card { background: #51218a; border-color: #ffffff40; }
.navy-theme #about .glass-card { background: #51218a !important; color: #fff !important; border-color: #ffffff40 !important; }
.navy-theme #about .glass-card p { color: #eee5f7 !important; }
.navy-theme #about .glass-card h3, .navy-theme #about .glass-card i { color: #fff !important; }
.navy-theme .project-link { color: #eee5f7; }
.navy-theme .btn-cta, .navy-theme .premium-hero .btn-cta,
.navy-theme .contact-action--call { background: #fff; color: #5f259f !important; box-shadow: 0 8px 24px #42035e30; }
.navy-theme .btn-cta:hover, .navy-theme .contact-action--call:hover { background: #eee5f7; color: #431876 !important; }
.navy-theme .studio-invite { background: radial-gradient(ellipse at 90% 90%, #9670c44d, transparent 60%), #472078; border-color: #ffffff40; }
.navy-theme .studio-invite h2, .navy-theme .studio-invite h2 span,
.navy-theme .studio-link, .navy-theme .header-title,
.navy-theme .header-title span { color: #fff; }
.navy-theme .studio-invite p, .navy-theme .studio-link small,
.navy-theme .contact-info-list li, .navy-theme .contact-info-list a,
.navy-theme .quick-links a { color: #eee5f7; }
.navy-theme .studio-link-icon, .navy-theme .studio-code { background: #3c186b; color: #fff; border-color: #ffffff60; }
.navy-theme .studio-sticker { background: #fff; color: #5f259f; }
.navy-theme .studio-orbit { border-color: #e0b6f5; }
.navy-theme .studio-spark, .navy-theme .studio-hero-label::before { color: #eee5f7; }
.navy-theme .column-title, .navy-theme .opening-hours-title { color: #fff; border-color: #ffffff40; }
.navy-theme footer { background: #36145f !important; border-color: #ffffff30 !important; }
.navy-theme footer h5, .navy-theme footer h4, .navy-theme footer h6,
.navy-theme footer i { color: #fff !important; }
.navy-theme footer p, .navy-theme footer li, .navy-theme footer a:not(.btn-cta),
.navy-theme footer .footer-bottom .premium-container > div { color: #eee5f7 !important; }
.navy-theme footer .footer-support { background: #472078 !important; border-color: #ffffff40 !important; }
.navy-theme footer .footer-support .footer-request-service { background: #fff !important; color: #5f259f !important; }
.navy-theme footer .footer-support .footer-request-service i { color: #5f259f !important; }
.navy-theme .modal-content { background: #472078; border-color: #ffffff40 !important; }
.navy-theme .modal-header { background: #36145f !important; }
.navy-theme .form-control { background: #3c186b; color: #fff; border-color: #b899d6 !important; }
.navy-theme .form-control::placeholder { color: #dfcdec; }
.navy-theme a:focus-visible, .navy-theme button:focus-visible { outline-color: #fff; }
@media (max-width: 991px) { .navy-theme .nav-links { background: #472078; border-color: #ffffff40; } }

/* Keep action labels legible when navigation and section link rules overlap. */
.navy-theme .nav-links a.btn-cta,
.navy-theme .nav-links a.btn-cta:hover,
.navy-theme .nav-links a.btn-cta:focus-visible {
  background: #fff;
  color: #5f259f !important;
}
.navy-theme .studio-links .studio-link {
  background: #fff;
  color: #492078 !important;
  border: 2px solid #fff;
  border-radius: 16px;
  min-height: 74px;
  padding: 12px 18px;
  width: 100%;
  max-width: 390px;
  box-shadow: 0 8px 20px #35034b25;
}
.navy-theme .studio-links .studio-link small { color: #684b85 !important; }
.navy-theme .studio-links .studio-link-icon {
  flex-shrink: 0;
  background: #5f259f;
  border-color: #5f259f;
  color: #fff;
}
.navy-theme .studio-links .studio-link:hover,
.navy-theme .studio-links .studio-link:focus-visible { background: #eee5f7; color: #492078 !important; }
.navy-theme .studio-links .studio-link:hover .studio-link-icon { background: #5f259f; color: #fff; }
.navy-theme #contact .section-title,
.navy-theme #contact .section-title span,
.navy-theme.studio-contact-page .header-title,
.navy-theme.studio-contact-page .header-title span { color: #fff !important; opacity: 1; }

/* Preserve the proportions and original colors of the supplied MTL artwork. */
.navy-theme .premium-nav img, .navy-theme .footer-col-brand img {
  width: 90px;
  height: 46px !important;
  object-fit: contain;
  padding: 4px;
  background: #fff;
  border-radius: 10px;
  filter: none !important;
}

/* Compact section rhythm; adjacent sections no longer double large padding. */
.navy-theme .premium-section { padding-top: 48px !important; padding-bottom: 48px !important; }
.navy-theme .premium-hero { min-height: 0; padding-top: 100px; padding-bottom: 60px; }
.navy-theme .hero-subtitle { margin-bottom: 28px; }
.navy-theme .premium-section .section-title { margin-bottom: 20px; }
.navy-theme .premium-section > .premium-container > .text-center.mb-5 { margin-bottom: 28px !important; }
.navy-theme .team-slider { padding-bottom: 20px !important; }
.navy-theme .studio-invite { margin-bottom: 32px; padding: clamp(24px, 4vw, 48px); }
.navy-theme #contact > .premium-container > .row > .mb-5 { margin-bottom: 24px !important; }
.navy-theme footer { padding-top: 48px !important; padding-bottom: 0 !important; }
.navy-theme footer .footer-bottom { margin-top: 28px !important; }
.navy-theme.studio-contact-page .contact-header { padding: 36px 0 24px; }
.navy-theme.studio-contact-page .contact-section { padding-bottom: 40px; }
@media (max-width: 767px) {
  .navy-theme .premium-section { padding-top: 32px !important; padding-bottom: 32px !important; }
  .navy-theme .premium-hero { padding-top: 90px; padding-bottom: 36px; }
  .navy-theme .premium-section > .premium-container > .text-center.mb-5 { margin-bottom: 20px !important; }
  .navy-theme footer { padding-top: 32px !important; padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
}