/* Radius — 4px on surfaces and controls, 2px on tags, round only for dots.
   Not 0 (too sharp), not 8px+ (too soft). The 4px is the precision-tool feel.

   Nothing in this system is a pill. --radius-round exists for objects that are
   actually circles: a presence dot, an unread count badge. A tag reports state
   and sits at 2px; a control you press sits at 4px. Radius is how the system
   tells those apart, so never reach past this file for a rounder corner. */
:root{
  --radius-md:4px; /* @kind radius */
  --radius-buttons:4px; /* @kind radius */
  --radius-inputs:4px; /* @kind radius */
  --radius-cards:4px; /* @kind radius */
  --radius-tags:2px; /* @kind radius */
  --radius-round:9999px; /* @kind radius */
}