:root{
  /* Circles and squares: the system is either fully round or square-edged. Nothing in between. */
  --radius-none:0px;
  --radius-hair:2px;
  --radius-card:0px;
  --radius-image:0px;
  --radius-pill:999px;
  --radius-circle:50%;

  --hairline:1px;
  --rule:1px;

  /* Shadows are almost absent — depth comes from tone, not elevation. */
  --shadow-none:none;
  --shadow-soft:0 24px 60px -24px rgba(23,51,43,.18);
  --shadow-lift:0 40px 90px -32px rgba(23,51,43,.28);
  --blur-veil:saturate(120%) blur(14px); /* @kind other */
}