/* ZelvotriX official design system • October 2026 */
:root {
  --zvx-navy:#0B1626;--zvx-deep-navy:#081324;--zvx-steel:#14355F;
  --zvx-blue:#1E6FD9;--zvx-cyan:#00BDE5;--zvx-white:#F8FAFD;
  --zvx-grey:#B1B8C4;--zvx-font:Inter,Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --navy:#0B1626;--navy2:#14355F;--deep:#081324;--blue:#1E6FD9;
  --electric:#1E6FD9;--cyan:#00BDE5;--ink:#0B1626;
  --zx-deep:#0B1626;--zx-ink:#0B1626;--zx-blue:#1E6FD9;--zx-cyan:#00BDE5;
}
html, body, button, input, select, textarea { font-family:var(--zvx-font); }
.brand.zvx-brand-wordmark { display:inline-flex;align-items:center;gap:0;max-width:100%;line-height:1;letter-spacing:0;flex-shrink:0; }
.brand.zvx-brand-wordmark img,
.side-brand .brand.zvx-brand-wordmark img {
  display:block;width:clamp(155px,14vw,200px);height:auto;max-width:100%;object-fit:contain;
}
.site-footer .brand.zvx-brand-wordmark img { width:200px; }
.auth-story .brand.zvx-brand-wordmark img { width:205px; }
.auth-mobile-logo img {display:block;width:185px;height:auto;max-width:100%;}
.payment-header .brand.zvx-brand-wordmark img {width:195px;}
.side-brand .brand.zvx-brand-wordmark img {width:180px;}
.side-brand .side-caption { margin-left:0;letter-spacing:.13em; }
.platform-admin-header .brand.zvx-brand-wordmark img {width:185px;}
.zph-brand.zvx-hub-brand {display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.zph-brand.zvx-hub-brand img {display:block;width:185px;max-width:100%;height:auto;object-fit:contain;}
.zph-brand.zvx-hub-brand .zvx-hub-caption {font-size:.57rem;letter-spacing:.14em;line-height:1.5;color:#B1B8C4;font-weight:700;}
.btn-primary, .zvx-button {background-color:var(--zvx-blue);border-color:var(--zvx-blue);}
.btn-primary:hover, .zvx-button:hover {background-color:#185CBD;border-color:#185CBD;}
.brand-x {color:var(--zvx-cyan);}
.hero-glow {opacity:.24;}
@media(max-width:720px){
 .brand.zvx-brand-wordmark img {width:158px;}
 .site-header .brand.zvx-brand-wordmark img {width:160px;}
 .side-brand .brand.zvx-brand-wordmark img {width:174px;}
}

/* Preserve component layouts while matching official large-surface brand colours. */
.site-header, .site-footer, .app-sidebar, .zph-sidebar { background-color:var(--zvx-navy); }
.auth-story { background:linear-gradient(140deg,var(--zvx-deep-navy),var(--zvx-steel)); }
.zx-blog-hero, .zx-blog-article-head { background:linear-gradient(130deg,var(--zvx-navy),var(--zvx-steel)); }
.platform-admin-header { background-color:var(--zvx-navy); }