/* Site-wide chromatic alignment. NAV / contact / calendar mechanics are not changed. */
:root {
 --vp-obsidian:#060608; --vp-surface:#0a0a0c; --vp-elevated:#111115;
 --vp-text:#ffffff; --vp-muted:#a1a1aa; --vp-accent:#e4e4e7; --vp-motion-coral:#ff5261;
}
body.vp-recognitions {
 --coral:var(--vp-motion-coral); --coral-dark:#e63c50;
 --dark-ink:#f6f6f8; --muted-ink:#a1a1aa;
 --watermark-ice:rgba(255,255,255,.09);
 --slate-gradient:radial-gradient(ellipse at 70% 32%,#24242b 0%,#101014 51%,#060608 85%);
 --glass-surface:rgba(17,17,21,.78); --glass-border:rgba(255,255,255,.17);
 --scene-ink:#060608; --scene-graphite:#101014;
 --scene-editorial:#0a0a0c; --scene-shutter:#35353e;
 background:#060608;color:#f6f6f8;
}
body.vp-recognitions .track-master-a,
body.vp-recognitions .track-master-b,
body.vp-recognitions .track-master-c{background:#060608;}
body.vp-recognitions .stage-dark,
body.vp-recognitions .stage-white,
body.vp-recognitions .dark-staircase-stage{
 background:radial-gradient(ellipse at 70% 32%,#232329,#101014 56%,#060608 100%);
 color:#f6f6f8;
}
body.vp-recognitions .white-editorial-section,
body.vp-recognitions .final-white-footer{
 background:linear-gradient(180deg,#0c0c0f 0%,#08080a 75%,#060608 100%);
 color:#f6f6f8;
}
body.vp-recognitions .process-4col,
body.vp-recognitions .photo-card,
body.vp-recognitions .frosted-card,
body.vp-recognitions .faq-item{border-color:rgba(255,255,255,.13);}
body.vp-recognitions .process-4col{background:rgba(16,16,20,.80)}
body.vp-recognitions .faq-q,body.vp-recognitions .section-header-center h2,
body.vp-recognitions .footer-links-wrap a {color:#f6f6f8}
body.vp-recognitions .footer-col h6,body.vp-recognitions .faq-a{color:#a1a1aa}
body.vp-recognitions .footer-links-wrap{border-color:rgba(255,255,255,.14)}
body.vp-recognitions .process-watermark{color:rgba(255,255,255,.04)}
/* Restore the approved recognition-page motion accent without changing the
   darker unified shell, navbar, contact form, or calendar mechanics. */
/* A pale label needs near-black ink. All other coral references continue to
   use the approved red accent, including animated glyphs and footer text. */
body.vp-recognitions .tilt-coral {
  color:#101015 !important;
  text-shadow:none !important;
}
/* Editorial luminance banners have red sticker backgrounds and white glyphs. */
body.vp-recognitions .v7-banner-headline .tilt-coral {
  color:#f7fbff !important;
}
body.vp-recognitions .v7-typed-heading #coralCharTarget .char-span,
body.vp-recognitions #coralCharTarget .v11-char {
  color:var(--vp-motion-coral) !important;
}
body.vp-recognitions .puzzle-tile.tile-selected{outline-color:var(--vp-accent)}
body.vp-recognitions a:focus-visible,body.vp-recognitions button:focus-visible{outline-color:#f6f6f8}
/* The shared production navbar lives in its existing Shadow DOM (untouched). */
body.vp-recognitions #vp-navigation-root{position:relative;z-index:9999}

body.vp-recognitions .v7-highlight,body.vp-recognitions .v7-highlight-bar{background:var(--vp-motion-coral)!important;}
body.vp-recognitions .v7-typed-heading [style*="color:var(--coral)"]{color:var(--vp-motion-coral)!important;}
body.vp-recognitions .v7-typed-heading #coralCharTarget .char-span{color:var(--vp-motion-coral)!important;}