Link

Links use the accent color, which is the theme color rotated 180 degrees in oklch unless you set --accent-color yourself.

Class	Does what
`link`	Accent-colored text with a pointer cursor

Basic

<div class="prose">
  <p>Read the <a href="#" class="link">installation guide</a> to get started.</p>
</div>

<div>
  <p>Read the <a href="#">installation guide</a> to get started.</p>
</div>

Recoloring

Set --accent-color on any ancestor to change links in that subtree.

<div class="prose">
  <p style="--accent-color: teal">A <a href="#" class="link">teal link</a> inside a scoped block.</p>
</div>

<div>
  <p style="--accent-color: teal">A <a href="#">teal link</a> inside a scoped block.</p>
</div>

Unstyled links

<a href="#" class="semantic">No accent color, no underline</a>

<a href="#" class="semantic">No accent color, no underline</a>

.semantic exists in both builds. Note that it unsets every property, including the focus ring, so leave it off anything the keyboard needs to reach.