:root{
  /* Corners: architectural — square by default */
  --radius-0:0; --radius-1:2px; --radius-2:4px; --radius-pill:999px;
  /* Shadows: barely-there; depth comes from hairlines + tone, not blur */
  --shadow-1:0 1px 2px rgba(45,48,45,.06);
  --shadow-2:0 8px 32px rgba(45,48,45,.10);
  --shadow-3:0 24px 64px rgba(45,48,45,.16);
  --hairline:1px solid var(--border-hairline); /* @kind other */
  /* Motion: slow, intentional */
  --ease-out:cubic-bezier(.22,1,.36,1); /* @kind other */
  --ease-inout:cubic-bezier(.65,0,.35,1); /* @kind other */
  --duration-fast:200ms; /* @kind other */
  --duration-base:450ms; /* @kind other */
  --duration-slow:800ms; /* @kind other */
  --duration-reveal:1200ms; /* @kind other */
}