/* shared baseline — used by /platform, /admin, /_caps, /analytics. * * Was a ~460-line file accumulated across earlier site iterations * (topbar, console preview, hero, portability cards, capability rows, * msg bubbles, fake terminal). Almost all of it became dead once the * warm-palette `.platform` surface absorbed every visible page — * trimmed here to the actually-referenced baseline plus the topbar/ * nav-link/footer chrome that admin/_caps/analytics still mount. * * Every page that loads this also loads platform.css and uses * ``, which redefines the palette tokens with * the warm bone-on-warm-carbon variant. The cool tokens below are * therefore a defensive fallback for the html element (which lacks * the .platform class) — visible only if a future page forgets the * class entirely. */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --bg: #08090a; --panel: #0f1011; --surface: #1c1c1f; --border: rgba(255, 255, 255, 0.08); --border-hi: rgba(255, 255, 255, 0.16); --text1: #f7f8f8; --text2: #d0d6e0; --text3: #8a8f98; --text4: #62666d; } html, body { min-height: 100vh; background: var(--bg); color: var(--text1); font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-size: 16px; -webkit-font-smoothing: antialiased; overflow-x: hidden; } code, pre, .mono { font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace; } /* ── topbar (admin / _caps / analytics) ── */ .topbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--border); margin-bottom: 80px; } .topbar-mark { height: 32px; width: 32px; display: block; } .topbar-brand-link { display: inline-flex; align-items: baseline; gap: 10px; text-decoration: none; } .topbar-wordmark { font-family: 'IBM Plex Sans', 'Inter', system-ui, sans-serif; font-weight: 500; font-size: 22px; letter-spacing: 0.01em; color: var(--text1); line-height: 1; text-transform: lowercase; } .nav-link { font-size: 0.78rem; color: var(--text3); text-decoration: none; border: 1px solid var(--border); padding: 6px 12px; border-radius: 4px; transition: color 0.15s, border-color 0.15s, background 0.15s; } .nav-link:hover { color: var(--text1); border-color: var(--border-hi); background: rgba(255, 255, 255, 0.03); } /* ── footer (used by /_caps) ── */ .footer { margin-top: 64px; padding-top: 18px; border-top: 1px solid var(--border); font-size: 0.82rem; color: var(--text3); display: flex; justify-content: space-between; align-items: center; } .footer a { color: var(--text2); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255, 255, 255, 0.25); } .footer a:hover { color: var(--text1); text-decoration-color: var(--text1); }