/* abc-cluster apex landing — single-page static.
*
* Hero adapted from the Docusaurus landing at
* abc-cluster-cli/website/src/pages/{index.tsx,landing.css}.
* Design tokens: single source in abc-site-kit (vendored tokens.css,
* ed before this file). Light is the deterministic default;
* the topbar toggle / localStorage ("abc-theme") switches to dark.
* Pre-paint script in prevents flash.
*/
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
/* ─── Design tokens ─────────────────────────────────────────────── *
* The --abc-* palette (light default + [data-theme="dark"]) is the
* single source in abc-site-kit, vendored as tokens.css and ed
* BEFORE this file in index.html — NOT defined here anymore. Removing
* the old prefers-color-scheme block makes apex deterministically
* light by default (consistent with every other abc-cluster site),
* with the topbar toggle / localStorage still switching to dark.
*/
/* ─── Reset + base ──────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--abc-bg);
color: var(--abc-text);
font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 14px;
line-height: 1.55;
font-feature-settings: 'ss02', 'ss03';
letter-spacing: -0.01em;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
display: flex;
flex-direction: column;
}
h1, h2, h3 {
font-weight: 600;
letter-spacing: -0.02em;
color: var(--abc-ink);
margin: 0;
}
a {
color: var(--abc-ink);
text-decoration: none;
border-bottom: 1px dotted var(--abc-ink-dim);
transition: color 0.12s, border-color 0.12s;
}
a:hover { color: var(--abc-accent); border-bottom-color: var(--abc-accent); }
a:focus-visible {
outline: 2px solid var(--abc-accent);
outline-offset: 2px;
border-radius: 2px;
}
/* ─── Layout primitives ────────────────────────────────────────── */
.page {
max-width: 1180px;
margin: 0 auto;
padding: 0 32px;
width: 100%;
}
/* Topbar, brand lockup, and theme toggle now come from the shared
* abc-site-kit chrome.css (vendored, ed before this file). Do
* not re-add .topbar / .brand / .theme-toggle / .ti-* rules here —
* edit them in abc-site-kit and re-run scripts/vendor-brand.sh. */
/* ─── Hero ─────────────────────────────────────────────────────── */
/* Layout, mark, acronym headline, and button are in hero.css (vendored
* from abc-site-kit). Only apex-specific additions live here. */
/* Single CTA below the acronym */
.hero-cta-row { margin-top: 32px; }
/* ─── Footer ───────────────────────────────────────────────────── */
/* The footer itself (.site-footer / .footer-inner / .foot-*) is the
* shared chrome.css block. Only the sticky-to-bottom glue is apex-
* specific (body is a flex column; push the footer down). */
.site-footer { margin-top: auto; }
/* ─── Responsive ───────────────────────────────────────────────── */
/* Hero responsive rules live in hero.css (@media max-width: 800px).
* Only apex-specific overrides are listed here. */
@media (max-width: 760px) {
.page { padding: 0 20px; }
.footer-inner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}