/* Generated from current brand.json. Do not edit brand colors here. */
:root{--brand-ink:#182B2C;--brand-white:#FFFFFF;--brand-business:#DDAE20;--accent:#182B2C;--accent-text:#FFFFFF;--tint:#eeefe8;}
.business{--accent:#DDAE20;}
body[data-area=business]{--accent:#DDAE20;--accent-text:#182B2C;}
.invest{--accent:#19B58B;}
body[data-area=invest]{--accent:#19B58B;--accent-text:#182B2C;}
.store{--accent:#F16B5A;}
body[data-area=store]{--accent:#F16B5A;--accent-text:#182B2C;}
.gaming{--accent:#AC7CE6;}
body[data-area=gaming]{--accent:#AC7CE6;--accent-text:#182B2C;}
.solutions{--accent:#559BF2;}
body[data-area=solutions]{--accent:#559BF2;--accent-text:#182B2C;}
.security{--accent:#8795A8;}
body[data-area=security]{--accent:#8795A8;--accent-text:#182B2C;}
.brainlab{--accent:#A0CD24;}
body[data-area=brainlab]{--accent:#A0CD24;--accent-text:#182B2C;}

body{color:var(--brand-ink)}
/* Neutral surfaces; exact section color belongs to identity and controls. */
body[data-area]{--tint:#eeefe8}
nav a.active{background:var(--accent);color:var(--accent-text);font-weight:700;text-decoration:underline;text-underline-offset:4px;outline:1px solid var(--brand-ink)}
nav a.active .dot{outline:1px solid currentColor;outline-offset:2px}
.button.primary,.tabs button.selected{background:var(--accent);color:var(--accent-text);border:1px solid var(--brand-ink);font-weight:700}
.tabs button.selected{text-decoration:underline;text-underline-offset:4px}
.locked .button{background:var(--accent);color:var(--accent-text);border:1px solid var(--brand-ink)}
dialog .button.primary{background:var(--accent);color:var(--accent-text)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand-ink);outline-offset:4px}
.hero a:focus-visible{outline-color:var(--brand-white)}
.calc input,.tabs button:not(.selected){border-color:#758383}
body[data-area=inicio] h1 em,body[data-area=arquitectura] h1 em{color:var(--brand-ink)}
.hero{background:var(--brand-ink)}.hero h2{color:var(--brand-white)}.hero p{color:#d8dddd}.hero .eyebrow{color:var(--brand-white)}
.hero .button.primary{background:var(--brand-white);color:var(--brand-ink)}
.orbit,.ecosystem-node{border-color:#a9b2b2}.ecosystem-node{width:64px;height:64px}.ecosystem-node img{width:48px;height:48px}
.core img{width:96px;height:96px}.local-badge{color:#465555;border-color:#758383}.local-dot{background:var(--brand-ink)}
.intro p,.card p,.small,.locked p,.strip p,.sidebar-bottom,.sidebar-bottom p,.version,.sidebar-label,.topbar,.tag,.section-head span,.page-intro p,footer,.muted,.product-info p,.calc label,.calc-result p,dialog p,.concept-banner small{color:#465555}
.notice,.product-art,.calc-result,.project-poster,.concept-banner{background:#eeefe8;color:var(--brand-ink)}
.card-bottom{color:var(--brand-ink)}.card-bottom span:first-child{text-decoration:underline;text-underline-offset:3px}
.area-logo{height:82px}.icon{width:48px;height:48px}.icon img{width:48px;height:48px}