:root {
  --paper:      #FFFFFF;
  --surface:    #FFFFFF;
  --surface-2:  #F4F1EA;
  --ink:        #101F27;
  --body:       #33434D;
  --muted:      #5A6F7A;
  --line:       #D3D9DC;
  --line-soft:  #E3E7E9;
  --accent:     #0F5C6E;
  --accent-hi:  #0B4757;
  --accent-soft:rgba(15, 92, 110, .08);

  --sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP",
          "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
          "Noto Sans Mono", monospace;

  --s-1:  .9375rem;
  --s0:   1rem;
  --s1:   1.125rem;
  --s2:   1.5rem;
  --s3:   2.25rem;
  --s4:   clamp(2rem, 1.25rem + 1.7vw, 2.6rem);

  --wrap: 1080px;
  --read: 51rem;
  --r:    2px;
}