/* Abbs site design tokens — single source of truth (see DESIGN-SPEC.md).
   Strictly monochrome: --online is the ONLY semantic color on the site. */
:root {
  --bg: #f5f5f7;
  --surface: #ffffff;
  --ink: #0b0b0f;
  --ink-2: #5a5a61;
  --ink-3: #98989f;
  --hairline: rgba(11, 11, 15, 0.12);
  --hairline-strong: rgba(11, 11, 15, 0.22);
  --online: #34c759;

  --radius-card: 22px;
  --radius-pill: 999px;
  --radius-frame: 54px;
  --radius-screen: 42px;

  --shadow-float: 0 24px 70px rgba(11, 11, 15, 0.12), 0 4px 16px rgba(11, 11, 15, 0.06);
  --shadow-card: 0 10px 30px rgba(11, 11, 15, 0.08);

  --font:
    ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', sans-serif;
  --size-display: clamp(2.6rem, 7vw, 4.75rem);
  --size-h2: clamp(2rem, 4.5vw, 3.25rem);
  --size-body: 1.0625rem;
  --track-display: -0.025em;
  --leading-display: 1.04;

  --section-pad: clamp(96px, 14vh, 160px);
  --content-max: 1120px;
  --prose-max: 720px;
}