/* Corners are near-square. The identity is structural and squared off —
   the only curve in the system is the pill on status chips. */
:root{
  --radius-0:0;
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-xl:8px;
  --radius-pill:999px;

  --radius-button:var(--radius-xs);
  --radius-input:var(--radius-xs);
  --radius-card:var(--radius-md);
  --radius-image:var(--radius-md);
  --radius-modal:var(--radius-lg);
  --radius-chip:var(--radius-pill);

  /* The logo mark's shear — the one geometric motif in the system.
     Use on small accent bars / dividers only, never on content containers. */
  --shear-angle:-20deg; /* @kind other */
  --shear:skewX(var(--shear-angle)); /* @kind other */
}