:root {
  --radius: 2px;          /* the only radius in the system */
  --radius-none: 0;
  --hairline: 1px;
  --border-hairline-style: 1px solid var(--border);

  /* There is no shadow system. Depth comes from hairlines and scrims.
     These exist only for focus and for image protection washes. */
  --ring-focus: 0 0 0 2px var(--background), 0 0 0 3px var(--primary);
  --wash-bottom: linear-gradient(to top, rgba(9, 11, 20, .9) 0%, rgba(9, 11, 20, 0) 60%); /* @kind other */
  --wash-top: linear-gradient(to bottom, rgba(9, 11, 20, .85) 0%, rgba(9, 11, 20, 0) 55%); /* @kind other */
}