/* Stage 26.39: site-wide CloudINX brand identity; logo-derived colours. Review only. */
:root{--cx-brand-navy:#061522;--cx-brand-blue:#204090;--cx-brand-cyan:#40a0d0;--cx-brand-ice:#70d0f0;--cx-brand-glow:#70d0f0;--cx-brand-text:#e8f6ff}
/* All page decorative marks use the same source artwork and colour family as the approved logo. */
html{accent-color:var(--cx-brand-cyan)}
body{isolation:isolate}
body::before{background-image:url('assets/cx-luminous-lines.svg')!important;opacity:.17!important;mix-blend-mode:screen;pointer-events:none}
/* A secondary signature mark is subtle enough to preserve editorial readability. */
body::after{content:'';position:fixed;right:-120px;bottom:-125px;width:min(49vw,580px);height:min(45vw,440px);background:url('assets/cloudinx-connected-geometry-cyan.png') center/contain no-repeat;opacity:.065;pointer-events:none;z-index:0;filter:hue-rotate(6deg)}
body>header,body>main,body>footer,body>section,body>.cx-header,body>.cx-nav-shell{position:relative;z-index:1}
.cx-header,.cx-nav-shell,.cx-enterprise-nav{--cx-accent:var(--cx-brand-ice);--cx-cyan:var(--cx-brand-cyan)}
.cx-header a:focus-visible,.cx-enterprise-nav a:focus-visible,.cx-mobile-nav a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cx-brand-ice);outline-offset:3px}
.cx-nav-cta{border-color:var(--cx-brand-cyan)!important}
.cx-nav-cta:hover,.cx-nav-cta:focus-visible{box-shadow:0 0 0 2px rgba(112,208,240,.22),0 0 20px rgba(64,160,208,.32)}
/* Keep real map lines driven by geospatial data, not these decorative watermarks. */
.cx36-feature::before,.cx36-feature::after,.cx36-map-frame::before,.cx36-map-frame::after{pointer-events:none}
.cx36-feature,.cx36-map-frame{border:0!important;border-radius:0!important;box-shadow:none!important}
/* Decorative luminous accents, never laid over text. */
.cx-geometry-watermark::after{opacity:.09}
@media(max-width:800px){body::before{opacity:.10!important;background-size:820px auto!important}body::after{width:72vw;opacity:.035}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
