/* Es Mi Dirección IP design system — source: Project Design Skill.md */
:root{--bg:#FCFCFD;--surface:#FFFFFF;--surface-soft:#F7F4F9;--text:#16121A;--text-muted:#5E5664;--brand:#8321B6;--brand-hover:#6F169C;--brand-active:#5B107F;--focus:#A855F7;--border:#E7E1EB;--border-strong:#81758A;--info:#0F766E;--info-soft:#F0F9F8;--red:var(--brand);--red-hover:var(--brand-hover);--dark:var(--text);--muted:var(--text-muted);--white:var(--surface)}body{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:var(--brand)}a:hover{color:var(--brand-hover)}.top-strip,.site-footer,.connection-result{background:#16121A}.header-cta,button{background:var(--brand)}.header-cta:hover,button:hover{background:var(--brand-hover)}.header-cta:active,button:active{background:var(--brand-active)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ip-address,code{font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}.ip-card,.ip-map-panel,.definition,.ip-benefits article,.versions article,.faq-layout>div{border-color:var(--border);box-shadow:none}.ip-result-head button{background:var(--brand)}.ip-benefits span,.definition span,.map-empty span{color:var(--brand)}