:root {
  --bg: #f5f5f4;
  --bg-elevated: #ffffff;
  --bg-muted: #ececea;
  --ink: #0a0a0b;
  --ink-soft: #1a1a1c;
  --muted: #5c5c62;
  --muted-soft: #8a8a91;
  --line: #e2e2df;
  --line-strong: #cfcfcb;
  --accent: #0f5c56;
  --accent-hover: #0a4a45;
  --accent-ink: #ffffff;
  --accent-soft: #e7f2f0;
  --accent-ring: rgba(15, 92, 86, 0.28);
  --score-track: #e6e6e3;
  --score-fill: #0f5c56;
  --score-warn: #8a5a1e;
  --score-mid: #3d6b66;
  --human: #3a3a3e;
  --ai: #0f5c56;
  --shadow-sm: 0 1px 2px rgba(10, 10, 11, 0.04);
  --shadow-md: 0 12px 32px rgba(10, 10, 11, 0.06);
  --radius: 2px;
  --radius-sm: 2px;
  --radius-lg: 4px;
  --nav-h: 4.25rem;
  --container: 74rem;
  --gutter: clamp(1.35rem, 4.5vw, 3rem);
  --section-y: clamp(5.5rem, 12vw, 9rem);
  --font-display: "Syne", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", "Avenir Next", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --focus: 0 0 0 3px var(--accent-ring);
}