/* Approved Skillπ brand kit: cyan → blue → violet, navy typography. */
:root{--paper:#f6f8ff;--ink:#06152f;--muted:#64708a;--line:#dce2f1;--green:#563dfc;--lime:#00e6ef;--orange:#007bff;--card:#ffffff;--shadow:0 18px 48px #06152f12}
body{color:var(--ink);background:var(--paper)}
.brand-lockup{display:block;width:148px;height:auto;object-fit:contain}.brand{flex-shrink:0}.footer-lockup{display:block;width:148px;height:auto;margin-bottom:10px}
.topbar.wrap{background:#ffffffed;border-color:#e0e5f4}.hero h1 span{color:var(--ink);text-shadow:3px 4px 0 #c5c7ff}.hero .eyebrow{color:#563dfc}.hero p{color:#64708a}
.btn-dark,.searchbox button{background:#563dfc;color:#fff;border-color:#563dfc}.btn-dark:hover,.searchbox button:hover{background:#4325e1}.nav .active{color:#563dfc}
.tile-coral{background:#a6bcff}.tile-blue{background:#9fcbff}.tile-lilac{background:#cfbafa}.tile-sage{background:#a5e4eb}.tile-cream{background:#d6d4ff}.tile-pi{background:#c7c6ff;color:#06152f}.mosaic-tile svg{stroke:#253b68}
.hero .quick button,.language-select,.plan-band,.skill-card,.topic{background:#ffffff}.hero .searchbox{border-color:#dce2f1;background:#fff}.why{background:#edf0ff;border-color:#dce2f1}.why p,.detail-content{color:#64708a}.plan-tags span,.evidence-box{background:#edf0ff}.evidence-box{border-color:#dce2f1}.command,.toast{background:#06152f}.motion-toggle{background:#ffffffe6;border-color:#dce2f1;color:#394968}.motion-indicator{background:#563dfc;box-shadow:0 0 0 3px #563dfc20}.pi-edge-row{color:#0924ef}
@media(max-width:620px){.brand-lockup{width:116px}.topbar.wrap{gap:6px}.topbar .btn{font-size:11px;padding-inline:9px}}