/* landing/css/v2.css
 *
 * V2 design system tokens and base resets for the Athlink landing
 * site. Token values mirror landing/index.html's :root block byte for
 * byte. V2 pages pull from this file so they share one source of
 * truth and stay in sync.
 *
 * Drift risk: landing/index.html still defines these tokens inline.
 * A follow up should migrate the homepage to link this file too, so
 * every V2 surface pulls from one place.
 *
 * Importantly this file must NOT be loaded alongside /js/shared.js,
 * which auto injects an Outfit based V1 stylesheet on import and
 * would overwrite these tokens.
 */

:root {
  --bg: #000000;
  --bg-elev: #0a0a0a;
  /* F-GROUPS.WEB. Two elevation steps for the Group pages. --surface-1
     aliases --bg-elev for cards and rows. --surface-2 is one subtle step up
     for the sticky subscribe block. Groups-only additions, not mirrored in
     index.html's inline :root. */
  --surface-1: #0a0a0a;
  --surface-2: #151515;
  --line: #1a1a1a;
  --line-strong: #2a2a2a;
  --text: #ffffff;
  --text-2: #a3a3a3;
  --text-3: #6b6b6b;
  --accent: #00E5C2;
  --accent-ink: #00231e;
  --radius: 14px;
  --radius-lg: 22px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-feature-settings: 'ss01' on, 'cv11' on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }