/* Variante B — identità a due superfici: carta chiara + antracite, blu e iris.
   Nessun cambio di layout o di contenuti. Nessun tema automatico o storage. */
:root { --brand-night:#191c25; --brand-night-2:#242937; --brand-white:#f7f8ff; --brand-muted:#c9cedd; --brand-blue:#9cc9ff; --brand-iris:#bdb4ff; }
body { background:linear-gradient(180deg,#fbfcff 0%,#f4f5fa 58%,#f8f9fc 100%); }
/* La fascia di navigazione resta chiara, come il retro del biglietto. */
.topbar { border-bottom-color:#e3e6ee; }
/* Superfici scure isolate: non si propagano alle schede chiare contenute. */
.brand-surface {
  background:radial-gradient(ellipse at 95% 2%,rgba(112,101,206,.19),transparent 48%),radial-gradient(ellipse at 4% 100%,rgba(81,134,206,.13),transparent 48%),linear-gradient(125deg,var(--brand-night),var(--brand-night-2)) !important;
  color:var(--brand-muted); border-color:#363c4d; isolation:isolate;
}
.brand-surface::before { pointer-events:none; }
.brand-hero { position:relative; overflow:hidden; }
.brand-hero::after {
  content:"";position:absolute;right:-240px;top:-430px;width:900px;height:900px;
  border-radius:50%;border:46px solid rgba(158,168,255,.11);
  box-shadow:0 0 0 24px rgba(109,151,235,.035),0 0 0 78px rgba(116,142,247,.04);
  pointer-events:none;z-index:-1;
}
.brand-copy h1,.brand-copy h2,.brand-copy h3,.brand-copy .signal-row span,
.brand-copy .service-hero-title,.brand-copy .contact-intro-title { color:var(--brand-white); }
.brand-copy p,.brand-copy .lead,.brand-copy .hero-subtitle { color:var(--brand-muted); }
.brand-copy .eyebrow,.brand-copy .breadcrumbs,.brand-copy .signal-row strong { color:var(--brand-blue); }
.brand-copy .breadcrumbs a { color:#d7e5ff; }
.brand-copy .eyebrow::before { background:var(--brand-blue); }
.brand-copy h1 span { color:var(--brand-blue); }
.brand-copy .status-pill { color:#dce8ff;background:rgba(132,168,235,.1);border-color:#61708c; }
.brand-copy .home-wordpress-badges span { color:#e2e7f5;background:rgba(142,157,211,.09);border-color:#566077; }
.brand-copy .signal-row,.brand-copy .signal-row div { border-color:#454d60; }
.brand-copy .btn-secondary { color:#f6f7ff;background:rgba(255,255,255,.055);border-color:#9aa8c1; }
.brand-copy .btn-secondary:hover { color:#fff;background:rgba(255,255,255,.12);border-color:#c4d1ef; }
.brand-copy .btn-primary,.brand-surface>.btn-primary,.brand-surface .hero-actions>.btn-primary {
  background:linear-gradient(120deg,#a2caff,#b5b4f8);color:#19243b;border-color:transparent;box-shadow:0 12px 30px -18px rgba(153,173,255,.48);
}
.brand-copy .btn-primary:hover,.brand-surface>.btn-primary:hover { background:linear-gradient(120deg,#b1d3ff,#c6c1ff);color:#131d32; }
.brand-surface :focus-visible { outline-color:#b4d2ff;outline-offset:4px; }
.brand-surface ::selection { color:#172138;background:#bed5ff; }
/* Home: la stessa composizione, con il lato scuro del biglietto come fondale. */
.ultra-hero.brand-surface .hero-grid { opacity:.12; }
.ultra-hero.brand-surface .hero-noise { opacity:.025; }
.ultra-hero.brand-surface .hero-gradient { opacity:.16; }
.ultra-hero.brand-surface .ultra-copy h1>span {
  background:linear-gradient(105deg,#9dd0ff 5%,#b7c6ff 54%,#c8b8ff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ultra-hero.brand-surface .marquee-shell { background:rgba(255,255,255,.035);border-color:#454b5d; }
.ultra-hero.brand-surface .marquee-track span { color:#d6deee; }
.ultra-hero.brand-surface .marquee-toggle { color:#e4ebfa;background:#252b3b;border-color:#8391b0; }
.ultra-hero.brand-surface .marquee-toggle:hover { border-color:#bbd2ff; }
.ultra-hero.brand-surface .marquee-toggle[aria-disabled="true"] { background:transparent;color:#d4daeb; }
/* CTA e footer riprendono la firma cromatica senza scurire testi o moduli. */
.premium-cta-card.brand-surface,.final-strip-card.brand-surface { border:1px solid #444c62; }
.premium-cta-card.brand-surface::before,.final-strip-card.brand-surface::before { background:radial-gradient(ellipse at 92% 0,rgba(171,154,255,.16),transparent 62%); }
.premium-cta-card.brand-surface::after,.final-strip-card.brand-surface::after { opacity:.3; }
.premium-cta-card.brand-surface h2,.final-strip-card.brand-surface h2 { color:var(--brand-white); }
.premium-cta-card.brand-surface p { color:var(--brand-muted); }
.premium-cta-card.brand-surface .eyebrow { color:var(--brand-blue); }
.footer.brand-surface { border-top:3px solid #9daeee; }
.footer.brand-surface::before { background:radial-gradient(ellipse at 100% 100%,rgba(149,132,217,.12),transparent 62%); }
.footer.brand-surface h3 { color:#f7f8ff; }
.footer.brand-surface .footer-brand p,.footer.brand-surface .footer-grid>div>p,
.footer.brand-surface .footer-grid>div>a,.footer.brand-surface .footer-legal-links a,
.footer.brand-surface .copyright { color:#cbd2e2; }
.footer.brand-surface .footer-grid>div>a:hover,.footer.brand-surface .footer-legal-links a:hover { color:#fff; }
.footer.brand-surface .footer-grid,.footer.brand-surface .footer-sub-link { border-color:#5f6b83; }
/* Piccola continuità negli elementi chiari: nessuna tinta sul contenuto dei progetti. */
.home-tech-visible-card { border-top:3px solid #9babed; }
.home-accessibility-section { background:linear-gradient(125deg,#f4f7fe,#f1f0fb); }
@media(max-width:700px) {
 .brand-hero::after { width:660px;height:660px;right:-450px;top:-340px;border-width:35px; }
 .brand-copy .signal-row div { border-bottom-color:#454d60; }
}
@media (forced-colors:active) {
 .brand-surface { background:Canvas!important;color:CanvasText;border-color:CanvasText; }
 .brand-hero::after{display:none}
 .brand-copy h1,.brand-copy h1 span,.brand-copy h2,.brand-copy h3,.brand-copy p,
 .brand-copy .eyebrow,.brand-copy .breadcrumbs { color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;background:none!important; }
 .brand-copy .btn { border:1px solid ButtonText;color:ButtonText;background:ButtonFace; }
}
/* Contrasti dei pannelli chiari dentro alle aperture scure. */
.brand-surface .service-selector,.brand-surface .projects-index-panel,.brand-surface .method-dashboard,.brand-surface .a11y-audit-panel { color:var(--body);background-color:#fff; }
.brand-surface .selector-row p,.brand-surface .projects-index-panel p {color:var(--body)}
.brand-copy .a11y-hero-note strong {color:#eef2fb}
.brand-copy .a11y-hero-note span {color:#c9cedd}
.brand-copy .a11y-hero-note {border-color:#748099}
.brand-copy .direct-contact-list a {background:#f3f5fb;border-color:#acb8cd}
.brand-hero .about-kicker .breadcrumbs,.brand-hero .about-kicker .eyebrow {color:#b4d2ff}
.brand-hero .about-editorial-note p {color:#c9cedd}
.brand-hero .about-editorial-note .btn-primary {background:linear-gradient(120deg,#a2caff,#b5b4f8);color:#19243b}
.brand-copy .project-wp-hero-badge {background:#f4f5fc;color:#173954;border-color:#bcccf0}
/* Piccole etichette delle superfici scure già presenti. */
.brand-surface .contact-note-card>span {color:#b4d2ff}
/* Contrasti nelle cornici dimostrative quando lo sfondo circostante è scuro. */
.brand-hero .glass-widget { background:#f6f8fd;border-color:#d7deee; }
.brand-hero .dashboard-top small,.brand-hero .project-cover-bar small {color:#b9c6dc;}