:root{
  color-scheme:light;
  --accent:#2f63d6;
  --accent-pressed:#2858c1;
  --accent-soft:#eaf1ff;
  --ink:#1d1d1f;
  --text:#343437;
  --secondary:#68686d;
  --tertiary:#8e8e93;
  --canvas:#fff;
  --grouped:#f5f5f7;
  --grouped-2:#ececf1;
  --card:rgba(255,255,255,.97);
  --border:rgba(0,0,0,.075);
  --shadow:0 10px 30px rgba(20,30,55,.08);
  --shadow-soft:0 7px 18px rgba(20,30,55,.055);

  --r-sm:12px;
  --r-md:18px;
  --r-lg:26px;
  --pill:999px;

  --content:44rem;
  --wide:70rem;
  --nav-h:74px;
  --gutter:1.35rem;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);

  --display:clamp(50px,12.5vw,78px);
  --chapter:clamp(34px,8vw,58px);
  --h2:clamp(29px,6.8vw,42px);
  --h3:20px;
  --body:17px;
  --small:14px;
  --micro:12px;
}