:root{
  --bg: #f7f7f7;
  --surface: #ffffff;
  --text: #111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --primary:#111827;
  --primary-contrast:#ffffff;

  --radius: 14px;
  --shadow: 0 6px 18px rgba(0,0,0,.06);

  --fs-12:12px;
  --fs-14:14px;
  --fs-16:16px;
  --fs-20:20px;
  --fs-28:28px;

  --s-8:8px;
  --s-12:12px;
  --s-16:16px;
  --s-20:20px;
  --s-24:24px;
  --s-32:32px;

  --container: 980px;
  --avatar: 56px;
}