/* VOLIQA V422 — canonical public typography template.
 * Typography/glow only. DO NOT modify top navigation buttons, mobile top menu,
 * footer utility/social menu buttons, button geometry, authentication, or data tables.
 * Reference cultures:
 *   H1/H2 = MOST IMPORTANT MOVE (white + controlled cyan halo)
 *   Kicker/section label = HOW TO READ THE SCANNER (cyan + controlled cyan halo)
 *   Body copy = no glow
 *   Buttons = no new glow in this release
 */
:root{
  --v422-white:#f2fdff;
  --v422-cyan:#4be3ff;
  --v422-white-glow:0 0 8px rgba(72,227,255,.58),0 0 18px rgba(45,221,255,.22);
  --v422-cyan-glow:0 0 7px rgba(75,227,255,.72),0 0 15px rgba(45,221,255,.26);
  --v422-soft-glow:0 0 6px rgba(75,227,255,.46),0 0 13px rgba(45,221,255,.18);
}

/* Canonical modal/popup primary heading culture. */
body.v13 :is(
  .v13-modalhead h2,
  .v40-faq-dialog > h3,
  .v364-about-dialog > h2,
  .v400-how-dialog > h2,
  .v48-sitemap-head h2,
  .v81-ai-dialog > h2,
  .v339-analysis-dialog > h2,
  .v24-help-dialog > h2
){
  color:var(--v422-white)!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  text-shadow:var(--v422-white-glow)!important;
}

/* Canonical cyan kicker culture in popups. This intentionally overrides the
 * old per-popup orange/pink/violet typography while leaving frames/close controls intact. */
body.v13 :is(
  .v13-modalhead .eyebrow,
  .v40-faq-dialog > .eyebrow,
  .v364-about-dialog > small,
  .v400-how-dialog > small,
  .v48-sitemap-head small,
  .v81-ai-dialog > small,
  .v339-analysis-dialog > small,
  .v24-help-dialog > small,
  .v43-help-intro > b
){
  color:var(--v422-cyan)!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
  text-shadow:var(--v422-cyan-glow)!important;
}

/* Development modal card headings now follow the same cyan template. */
body.v13 .v371-build-modal .v371-build-grid b{
  color:var(--v422-cyan)!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-shadow:var(--v422-cyan-glow)!important;
}

/* FAQ content headings / cloned FAQ summaries use the same secondary culture. */
body.v13 .v40-faq-dialog :is(.v43-help-intro>b,.v40-faq-content summary,.v43-help-list summary){
  color:var(--v422-cyan)!important;
  font-weight:900!important;
  text-shadow:var(--v422-cyan-glow)!important;
}
body.v13 .v40-faq-dialog :is(.v43-help-intro>span,.v43-help-list p,.v40-faq-content details>div,.v40-faq-content details>p){
  text-shadow:none!important;
}

/* Roadmap: glow belongs to the text, never to the pill/button surface. */
body.v13 .v368-product-roadmap span,
body.v13 .v318-scanner-roadmap-flow span{
  text-shadow:var(--v422-soft-glow)!important;
}
body.v13 .v368-product-roadmap .is-done,
body.v13 .v318-scanner-roadmap-flow .is-done{
  text-shadow:0 0 6px rgba(123,255,208,.42),0 0 12px rgba(32,200,120,.16)!important;
}
body.v13 .v368-product-roadmap span em,
body.v13 .v318-scanner-roadmap-flow span em{
  text-shadow:var(--v422-soft-glow)!important;
}
/* Arrow geometry/colors are preserved; only a very light text halo keeps the pipeline coherent. */
body.v13 .v368-product-roadmap>b,
body.v13 .v318-scanner-roadmap-flow>b{
  text-shadow:0 0 6px rgba(75,227,255,.30)!important;
}

/* Copyright is typography, not a footer menu control. Preserve position/size. */
body.v13 .v13-footer .v345-footer-copyright{
  color:#a9c4ce!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-shadow:var(--v422-soft-glow)!important;
}

/* Body copy never inherits heading glow. */
body.v13 :is(
  .v371-build-modal .v13-modalhead p,
  .v371-build-grid span,
  .v40-faq-dialog .v43-help-intro>span,
  .v40-faq-dialog .v43-help-list p
){text-shadow:none!important}

/* Mobile uses the same design language. Only text scales/line-height may respond.
 * No selectors here target #top, .v244-header-btn, .v248-lang-menu,
 * .v128-footer-utility-row or .v128-footer-social-row. */
@media(max-width:760px){
  body.v13 :is(.v13-modalhead h2,.v40-faq-dialog>h3){line-height:1.06!important}
  body.v13 .v371-build-modal .v371-build-grid b{line-height:1.2!important}
}