/* ========================================================================== api.css — scoped styles for /api.html (Entwickler-Einstieg) Canon rule 4: scoped override file, never a blind edit of sections.css. Every colour is a DESIGN-TOKENS-AIOOS value. No new hexes. Reuses from sections.css: .container .section .footer .foot-* .ro ========================================================================== */ :root{ --blue:#0084FF; --blue-deep:#0B63E0; --brand-royal:#2D6CF6; --brand-cyan:#22D3EE; --brand-teal:#14B8A6; --ink:#0A1222; --ink-soft:#1E2D49; --ink-2:#46546B; --muted-2:#8395AE; --navy-panel:#0F1B33; --navy-raised:#1A2C54; --on-navy:#EAF2FF; --on-navy-soft:#C7D3E8; --on-navy-mut:#93A5C4; --font-head:'Fustat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:ui-monospace,'SF Mono','Cascadia Mono','Segoe UI Mono',Consolas,monospace; } *{box-sizing:border-box; margin:0; padding:0} html{scroll-behavior:smooth} body{ font-family:var(--font-body); color:var(--ink); /* explicit ink — never inherit */ background:linear-gradient(175deg,#F6F9FF,#EFF5FF,#F2FAFB); background-attachment:fixed; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; min-height:100vh; } .page{position:relative; width:100%; overflow-x:clip} /* ---------- navbar (mirrors the landing, same measurements) ---------- */ .nav-shell{position:sticky; top:30px; z-index:40; display:flex; justify-content:center; padding:0 20px} /* MUST stay scoped to .nav-shell: a bare nav{} also hits